/*!
* @preserve
* Theme Name: Easypromos theme, based on Diziana Panatha Theme (3.1.15)
* @version v1.0.00
* Version: 1.0.00
* Author: Marc Mateos (Easypromos, SL) & Diziana (Allies Interactive Services Pvt. Ltd)
* Website: https://www.easypromosapp.com/ & http://www.diziana.com/
* Corporate Website: https://www.alliesinteractive.com/
* Contact: support@diziana.com
* Follow: https://www.twitter.com/dizianaEngage
* Like: https://www.facebook.com/diziana.engage
* Purchased From: https://www.diziana.com
* @link https://www.diziana.com
* @license A valid license is required to legally use this software (theme/plugin). You can purchase from diziana.com.
* @copyright: 2020 Allies Interactive Services Pvt. Ltd. All Rights Reserved
*/
/***** Base *****/
:root {
  --main-color-hs:238, 70%;
  --main-color-l:40%;
  --main-color:hsl(var(--main-color-hs), var(--main-color-l));
  --main-color-d5:hsl(var(--main-color-hs), calc(var(--main-color-l) - 5%));
  --main-color-d10:hsl(var(--main-color-hs), calc(var(--main-color-l) - 10%));
  --main-color-d20:hsl(var(--main-color-hs), calc(var(--main-color-l) - 20%));
  --secondary-color-hs:36, 100%;
  --secondary-color-l:50%;
  --secondary-color:hsl(var(--secondary-color-hs), var(--secondary-color-l));
  --secondary-color-d20:hsl(var(--secondary-color-hs), calc(var(--secondary-color-l) - 20%));
  --main-color-text:rgba(255, 255, 255, 1);
  --welcome-message-text-color:var(--main-color-text);
  --community-banner-bg-color:var(--main-color);
  --footer-color-hs:0, 0%;
  --footer-color-l:14%;
  --footer-color:hsl(var(--footer-color-hs), var(--footer-color-l));
  --footer-color-d2:hsl(var(--footer-color-hs), calc(var(--footer-color-l) - 2%));
  --footer-text-color-hs:0, 0%;
  --footer-text-color-l:100%;
  --footer-text-color:hsl(var(--footer-text-color-hs), var(--footer-text-color-l));
  --footer-text-color-l20:hsl(var(--footer-text-color-hs), calc(var(--footer-text-color-l) + 20%));
  --text-color-hs:0, 0%;
  --text-color-l:40%;
  --text-color:hsl(var(--text-color-hs), var(--text-color-l));
  --text-color-d5:hsl(var(--text-color-hs), calc(var(--text-color-l) - 5%));
  --text-color-l20:hsl(var(--text-color-hs), calc(var(--text-color-l) + 20%));
  --background-color:rgba(255, 255, 255, 1);
  --background-color-d3:hsl(from var(--background-color) h s calc(l - 3%));
  --background-color-d8:hsl(from var(--background-color) h s calc(l - 8%));
  --radius:4px;
  --main-typography:'Nunito Sans', sans-serif;
  --title-typography:'Boston', sans-serif; }

select {
	background-image:url(/hc/theming_assets/01HZP7TJM21R1AQ9T1R8F1A60W);
}
.hero-inner {
	background-image:url(/hc/theming_assets/01JP02V4HEW29W37G2N82Z9S56);
}
.chero-image {
	background-image:url(/hc/theming_assets/01HZP7TREEKWK3QS4HJ9XNMHRH);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--main-typography);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

iframe {
  max-width: 100%; }

:focus {
  outline: none; }

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh; } }
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--title-typography);
  font-weight: 700;
  -webkit-margin-before: 3em;
  margin-block-start: 3em;
  -webkit-margin-after: 0.6em;
  margin-block-end: 0.6em;
  color: var(--main-color); }

h1 {
  font-size: 2.3rem;
  line-height: 1.2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.3rem; }

h4 {
  font-size: 1.1rem; }

a {
  color: var(--secondary-color);
  text-decoration: none; }
  a:hover, a:active, a:focus {
    text-decoration: underline; }
  a.youtube:hover {
    background: #D00D0D !important; }
  a.linkedin:hover {
    background: #1D76B3 !important; }
  a.google:hover {
    background: #DC4A38 !important; }
  a.facebook:hover {
    background: #3364A3 !important; }
  a.twitter:hover {
    background: #33BDFD !important; }
  a.mail:hover {
    background: #C71610 !important; }
  a.pinterest:hover {
    background: #c92228 !important; }
  a.instagram:hover {
    background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; }

img {
  max-width: 100%; }

input,
textarea {
  color: var(--text-color);
  font-size: 14px; }

input {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: border 0.12s ease-in-out;
  -o-transition: border 0.12s ease-in-out;
  transition: border 0.12s ease-in-out; }
  input[disabled] {
    background-color: #ddd; }
  input:focus, input:active {
    outline: 1px solid var(--main-color); }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: var(--radius);
  padding: 8px 30px 8px 10px;
  outline: none;
  width: 100%; }
  select::-ms-expand {
    display: none; }

select:focus, textarea:focus {
  border: 1px solid var(--main-color); }

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

blockquote {
  border-left: 4px solid var(--main-color);
  -webkit-padding-start: 1em;
  padding-inline-start: 1em;
  -webkit-margin-start: 2.5rem;
  margin-inline-start: 2.5rem;
  position: relative; }
  blockquote::before {
    font-family: 'knk-icons' !important;
    position: absolute !important;
    font-size: 2em !important;
    left: -2.95rem;
    top: 0 !important; }
  blockquote:not([class^="knk-"], [class*=" knk-"])::before {
    content: "\54"; }
  blockquote.warning_msg {
    --main-color:red; }
    blockquote.warning_msg:not([class^="knk-"], [class*=" knk-"])::before {
      content: "\21"; }
  blockquote.great_msg {
    --main-color:limegreen; }
    blockquote.great_msg:not([class^="knk-"], [class*=" knk-"])::before {
      content: "\153"; }
  blockquote.info_msg {
    --main-color:var(--secondary-color); }
    blockquote.info_msg:not([class^="knk-"], [class*=" knk-"])::before {
      content: "\bf"; }
  blockquote::before {
    color: var(--main-color) !important; }
  blockquote.code:not([class^="knk-"], [class*=" knk-"])::before {
    content: "\45"; }

.container, main > p {
  max-width: 1160px;
  margin: 0 auto; }

.container {
  padding: 0 5%; }

main > p {
  padding: 20px 5%; }

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

  main > p {
    padding: 20px 0;
    width: 90%; } }
.container-divider {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }

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

ul h1,
ul h2,
ul h3,
ul h4,
ul h5,
ul h6,
ol h1,
ol h2,
ol h3,
ol h4,
ol h5,
ol h6 {
  font-weight: inherit !important;
  margin: 0; }

.article-body > ul > li,
.article-body > ol > li,
.article-body > ul > li,
.article-body > ol > li {
  -webkit-margin-after: 1em;
  margin-block-end: 1em; }

.error-page {
  margin: 0 auto;
  padding: 0 5%;
  text-align: center;
  margin-top: 40px; }
  @media (min-width: 1160px) {
    .error-page {
      padding: 0;
      width: 90%; } }
  .error-page > img {
    -webkit-margin-after: 20px;
    margin-block-end: 20px; }

.dropdown-toggle::after {
  color: var(--secondary-color);
  font-size: 1.2em;
  font-family: "ep-icons" !important;
  content: "\32";
  top: -0.1em;
  position: relative; }

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

@media (min-width: 768px) {
  .recent-activity-controls > a,
  .button,
  [role="button"] {
    width: auto; } }
.button::after,
[role="button"]::after {
  color: var(--main-color-d5); }

.button:hover::after,
[role="button"]:hover::after {
  color: var(--main-color-text); }

.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(--main-color-d5);
  color: var(--main-color-text);
  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: var(--main-color-d20);
  border-color: var(--main-color-d20); }

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

.button-large,
input[type="submit"] {
  background-color: var(--main-color-d5);
  border: 0;
  border-radius: var(--radius);
  color: var(--main-color-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em; }
  @media (min-width: 768px) {
    .button-large,
    input[type="submit"] {
      width: auto; } }

.button-large:hover,
.button-large:active,
.button-large:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
  background-color: var(--main-color-d10); }

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

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

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed; }
  @media (min-width: 768px) {
    .table {
      table-layout: auto; } }
  .table th, .table th a {
    color: var(--text-color-l20);
    font-size: 13px;
    text-align: left; }
  .table tr {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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 {
  border: solid 1px #ddd;
  border-radius: var(--radius);
  max-width: 650px;
  padding: 20px 25px; }
  .form footer {
    -webkit-padding-before: 30px;
    padding-block-start: 30px; }
    .form footer a {
      color: var(--text-color-l20);
      cursor: pointer;
      -webkit-margin-end: 15px;
      margin-inline-end: 15px; }
  .form .suggestion-list {
    font-size: 13px;
    padding: 5px 0; }
    .form .suggestion-list label {
      border-bottom: 1px solid #ddd;
      display: block;
      padding: 5px 10px;
      font-weight: 500; }
    .form .suggestion-list li {
      padding: 5px 10px 5px; }
    .form .suggestion-list a:visited {
      color: var(--secondary-color-d20); }
  .form .searchbox {
    border: solid 1px #ddd;
    margin-top: 30px; }

.form-field ~ .form-field {
  margin-top: 25px; }
.form-field label {
  display: block;
  -webkit-margin-after: 5px;
  margin-block-end: 5px;
  font-weight: 500; }
.form-field input {
  border: 1px solid #ddd;
  border-radius: var(--radius);
  padding: 10px;
  width: 100%; }
  .form-field input:focus, .form-field input:active {
    border-color: var(--main-color); }
  .form-field input[type="checkbox"] {
    display: inline-block;
    width: auto; }
    .form-field input[type="checkbox"] + p {
      display: inline-block; }
    .form-field input[type="checkbox"] + label {
      margin: 0 0 0 10px; }
.form-field textarea {
  vertical-align: middle; }
.form-field p {
  font-size: 12px;
  margin: 5px 0; }
.form-field.required > label::after {
  content: "*";
  color: #f00;
  -webkit-margin-start: 2px;
  margin-inline-start: 2px; }
.form-field .nesty-input {
  border-radius: var(--radius);
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle; }
  .form-field .nesty-input:focus {
    border: 1px solid var(--main-color);
    text-decoration: none; }

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

/***** Header *****/
.header-wrapper {
  background-color: var(--main-color); }

.header {
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 71px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1160px) {
    .header {
      padding: 0;
      width: 90%; } }

.logo img {
  max-height: 80px;
  vertical-align: middle;
  width: 162px;
  height: 28px; }

.user-nav {
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  white-space: nowrap; }
  @media (min-width: 768px) {
    .user-nav {
      position: relative; } }
  .user-nav[aria-expanded="true"] {
    background-color: var(--main-color);
    border-top: solid 1px #ddd;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 9; }
    .user-nav[aria-expanded="true"] > a, .user-nav[aria-expanded="true"] > a:hover {
      display: block;
      margin: 20px 0;
      font-size: 14px;
      padding: 0 5%; }

.nav-wrapper a {
  border: 0;
  color: var(--main-color-text);
  display: none;
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px 0 0;
  width: auto;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .nav-wrapper a {
      display: inline-block; } }
  .nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
    background-color: transparent;
    text-decoration: underline; }
  .nav-wrapper a.login {
    display: inline-block;
    -webkit-padding-end: 0;
    padding-inline-end: 0; }
.nav-wrapper .icon-menu {
  display: inline-block;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  color: var(--main-color-text);
  cursor: pointer;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .nav-wrapper .icon-menu {
      display: none; } }

.login {
  padding: 0.6em 1em !important;
  border: 2px solid !important;
  line-height: 1em !important;
  border-radius: 5em !important;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
  .login:hover {
    background-color: var(--main-color-text) !important;
    color: var(--main-color) !important; }

.header-language-selector {
  display: inline-block;
  vertical-align: unset; }
  .header-language-selector a.dropdown-toggle {
    color: var(--main-color-text);
    font-size: 1.2em;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px;
    -webkit-padding-before: 3px;
    padding-block-start: 3px; }

/***** 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(--main-color-text);
    min-width: 0;
    padding: 0;
    white-space: nowrap;
    vertical-align: baseline;
    font-weight: 500; }
    .user-info > [role="button"]::after {
      color: var(--main-color-text);
      vertical-align: sub; }
    .user-info > [role="button"]:hover, .user-info > [role="button"]:hover::after {
      color: var(--main-color-text);
      background-color: transparent; }

#user-menu a {
  text-transform: capitalize; }

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

/***** 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 {
    min-height: 40px;
    min-width: 40px; }
  .avatar .icon-agent::before {
    background-color: #78a300;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    color: #fff;
    content: "\1F464";
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 14px; }

/***** Footer *****/
.footer {
  --main-color:var(--secondary-color);
  border-top: solid 1px #ededed;
  color: var(--main-color-text);
  margin-top: 30px; }
  .footer a {
    color: var(--main-color-text);
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    .footer a:hover {
      color: var(--main-color); }

.footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 170px;
  flex: 1 0 170px;
  -webkit-margin-after: 30px;
  margin-block-end: 30px;
  max-width: 50%; }
  .footer-links > h3 {
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    font-size: 1.1em; }

.footer-links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3em;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

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

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

.footer-bottom {
  background-color: var(--footer-color-d2);
  padding: 10px 0 25px 0; }
  @media (min-width: 920px) {
    .footer-bottom {
      padding: 10px 0; } }
  .footer-bottom > .footer-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
    @media (min-width: 920px) {
      .footer-bottom > .footer-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: justify; } }

.footer-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .footer-content i.fab::before {
    font-family: 'ep-icons' !important;
    font-size: 1.6em !important;
    top: 0.22em !important;
    position: relative; }
  .footer-content i.fab.fa-twitter::before {
    content: "\74"; }
  .footer-content i.fab.fa-facebook-f::before {
    content: "\27"; }
  .footer-content i.fab.fa-youtube::before {
    content: "\76"; }
  .footer-content i.fab.fa-linkedin-in::before {
    content: "\26"; }
  .footer-content i.fab.fa-instagram::before {
    content: "\62"; }

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1160px) {
    .footer-inner {
      padding: 0;
      width: 90%; } }
  .footer-inner ul.share {
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    margin-top: 0; }
    .footer-inner ul.share,
    .footer-inner ul.share > li {
      height: 25px; }
    .footer-inner ul.share > li > a {
      color: #fff;
      font-size: .9em;
      text-align: center; }

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0;
  padding: 0; }
  @media (min-width: 768px) {
    .breadcrumbs {
      margin: 0; } }
  .breadcrumbs li {
    display: inline;
    max-width: 450px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .breadcrumbs li + li::before {
      content: ">";
      margin: 0 4px; }
    .breadcrumbs li a:visited {
      color: var(--secondary-color); }

/***** Search field *****/
.search-wrapper > img {
  position: absolute;
  bottom: -42px;
  width: 90%;
  max-width: inherit; }
  @media (min-width: 580px) {
    .search-wrapper > img {
      bottom: -51px; } }
  @media (min-width: 768px) {
    .search-wrapper > img {
      bottom: -70px; } }
  @media (min-width: 1140px) {
    .search-wrapper > img {
      bottom: -80px; } }

.search {
  position: relative; }
  .search input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    height: 40px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-appearance: none;
    width: 100%; }
  .search::before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ddd;
    content: "\1F50D";
    font-size: 2.5em;
    position: absolute;
    right: 15px; }

.search-full {
  border: solid 1px #A6ACAF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1; }
  .search-full ::before {
    background-color: transparent;
    font-size: 20px;
    right: 15px;
    top: 50%;
    left: auto;
    color: #fff; }
    @media (min-width: 768px) {
      .search-full ::before {
        font-size: 30px;
        right: 20px;
        top: 50%; } }
  .search-full input[type="search"] {
    border: 0 solid #e6e6e6;
    background-color: #fff;
    border-radius: 0;
    color: #000;
    font-size: 1.5em;
    height: 50px;
    padding: 10px 20px;
    width: 100%; }
    @media (min-width: 768px) {
      .search-full input[type="search"] {
        font-size: 1.5em;
        height: 70px; } }
    .search-full input[type="search"]::-moz-placeholder, .search-full input[type="search"]::-ms-input-placeholder, .search-full input[type="search"]::-webkit-input-placeholder {
      color: #A6ACAF;
      vertical-align: middle;
      opacity: 1; }
  .search-full input[type="submit"] {
    background-color: #000;
    border-left: solid 1px #fff;
    border-radius: 0;
    display: none;
    line-height: 50px;
    min-width: 70px;
    padding: 0;
    text-align: center;
    text-indent: -9999px; }
    @media (min-width: 768px) {
      .search-full input[type="submit"] {
        display: block; } }

/***** Hero component *****/
.hero {
  width: 100%;
  position: relative; }
  .hero.chero {
    background-color: var(--community-banner-bg-color); }

.hero-inner {
  min-height: 280px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-margin-after: 2em;
  margin-block-end: 2em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-size: cover; }

@media screen and (orientation:landscape) {
  .hero-inner {
  	min-height:unset;
    height:45vh;
  }
}

.section .hero {
  position: relative;
  -webkit-margin-after: 0;
  margin-block-end: 0; }

.banner-text {
  color: var(--welcome-message-text-color) !important;
  display: block;
  font-weight: 600;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  text-align: center; }
  .banner-text h1 {
    color: var(--secondary-color) !important; }
  .banner-text > h1 {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
    background-color: rgba(0, 0, 0, 0);
    font-size: 2em;
    max-width: 370px;
    padding: 5px 0 20px;
    margin: 1em 0 6em; }
    @media (min-width: 768px) {
      .banner-text > h1 {
        font-size: 3.5em;
        max-width: 100%; } }

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 768px) {
    .page-header {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 10px 0;
      align-items: center; } }
  .page-header h1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-margin-before: 0;
    margin-block-start: 0; }
  .page-header .section-subscribe {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media (min-width: 768px) {
      .page-header .section-subscribe {
        -webkit-margin-after: 0;
        margin-block-end: 0; } }
  .page-header .icon-lock::before {
    content: "\1F512";
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline; }

.page-header-description {
  margin: 0 0 30px 0;
  word-break: break-word; }
  @media (min-width: 1024px) {
    .page-header-description {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }

.sub-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 50px;
  -webkit-margin-after: 5px;
  margin-block-end: 5px;
  padding: 20px 0; }
  @media (min-width: 768px) {
    .sub-nav {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .sub-nav input[type="search"]::after {
    font-size: 15px; }
    @media (min-width: 768px) {
      .sub-nav input[type="search"]::after {
        min-width: 300px; } }

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 30px -10px 0;
  padding: 30px 0; }

.category-blocks-wrapper .blocks-list {
  padding: 30px 0 0; }

.blocks-item {
  border: none;
  border-radius: var(--radius);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--main-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 43%;
  flex: 1 0 43%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin: 0 10px;
  /* max-width:43%; */
  text-align: center;
  -webkit-margin-after: 30px;
  margin-block-end: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media (min-width: 1024px) {
  .blocks-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 360px;
    flex: 1 0 360px; } }
.blocks-item:hover span.block-icon-wrapper {
  --main-color:var(--footer-color); }

.blocks-item:hover .block-icon,
.blocks-item:hover .block-font-icon {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.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(--text-color); }

.blocks-item-link {
  padding: 20px 0; }

.categories .blocks-item-link {
  color: var(--text-color);
  padding: 15px 0; }

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

.blocks-item-description {
  display: none;
  margin: 0; }

@media (min-width: 768px) {
  .blocks-item-description {
    display: none; } }
.topics .blocks-item-description {
  color: var(--main-color);
  display: block; }

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

li.blocks-item.topics-item:hover * {
  color: var(--main-color-text); }

.categories .blocks-item-title {
  font-weight: 900 !important;
  font-size: 1.2em !important;
  margin: 20px 0 10px;
  line-height: initial;
  word-break: break-word; }

@media (min-width: 768px) {
  .categories .blocks-item-title {
    font-size: 1.4em; } }
/***** Homepage *****/
.section {
  -webkit-margin-after: 40px;
  margin-block-end: 40px; }

.section h2 {
  -webkit-margin-after: 10px;
  margin-block-end: 10px;
  text-align: center; }

.icons-wrapper {
  border-left: solid 5px #fff;
  height: 100%;
  padding: 10px 14px;
  position: absolute;
  top: 0;
  right: 0; }

.hide,
.icons-wrapper .fa-minus {
  display: none; }

.knowledge-base {
  border-top: solid 2px #ddd;
  -webkit-padding-before: 30px;
  padding-block-start: 30px; }

/***** Promoted articles *****/
section.articles .promoted-articles.article-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0; }

section.articles .promoted-articles-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
  -webkit-margin-after: 5px;
  margin-block-end: 5px;
  position: relative; }

@media (min-width: 920px) {
  section.articles .promoted-articles-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 390px;
    flex: 1 0 390px;
    max-width: 48.8%; }

  section.articles .promoted-articles-item:nth-child(odd) {
    -webkit-margin-end: 30px;
    margin-inline-end: 30px; } }
section.articles .promoted-articles-item:last-child a {
  border: 0; }

section.articles .promoted-articles-item > a:hover,
.promoted-articles-item > a:active,
section.articles .promoted-articles-item > a:focus,
.promoted-articles-item > a:visited {
  text-decoration: none; }

section.articles .promoted-articles-item > a {
  color: var(--text-color);
  display: block;
  font-weight: 500;
  background-color: var(--background-color-d8);
  padding: 10px 45px 10px 10px;
  position: relative; }

.promoted-articles-item > a.active .fa-plus {
  display: none; }

.promoted-articles-item > a.active .fa-minus {
  display: block;
  line-height: 25px; }

.promoted-articles-item .article-content {
  margin: 20px 0px; }

.promoted-articles-item .article-body {
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }

/***** Community section in homepage *****/
.community {
  -webkit-margin-after: 15px;
  margin-block-end: 15px;
  text-align: center; }

.community-image {
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1160px;
  background-size: cover;
  margin: 0 auto 30px; }

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

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

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

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

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

.recent-activity-item:not(:last-child) {
  border-bottom: 1px solid #ddd; }

.recent-activity-item-parent,
.recent-activity-item-link {
  margin: 6px 0;
  color: var(--text-color);
  display: inline-block;
  width: 100%; }

@media (min-width: 1024px) {
  .recent-activity-item-parent,
  .recent-activity-item-link {
    width: 50%;
    margin: 0; } }
.recent-activity-item-meta {
  float: none; }

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right; } }
.recent-activity-item-time,
.recent-activity-item-comment {
  color: var(--text-color-l20);
  display: inline-block;
  font-size: 13px; }

.recent-activity-controls {
  -webkit-padding-before: 15px;
  padding-block-start: 15px; }

.recent-activity-item-comment {
  -webkit-padding-start: 5px;
  padding-inline-start: 5px; }

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

.recent-activity-item-comment span::before {
  color: var(--main-color);
  content: "\1F4AC";
  display: inline-block;
  font-size: 15px;
  -webkit-padding-end: 3px;
  padding-inline-end: 3px;
  vertical-align: middle; }

/***** Article In Section Sidebar *****/
section.section-articles.collapsible-sidebar {
  margin-top: 9px; }

.article-content-section .section-articles.collapsible-sidebar .sidenav-title {
  background-color: var(--main-color);
  color: #FFFFFF;
  padding: 10px 15px; }

@media (min-width: 1024px) {
  .article-content-section .section-articles.collapsible-sidebar .sidenav-title {
    background-color: transparent;
    color: var(--text-color);
    padding: 0; } }
.article-content-section {
  max-width: 100%; }

.article-content-section {
  max-width: 100%; }

.article-content-section .collapsible-sidebar {
  margin: 9px 0 15px; }

@media (min-width: 1024px) {
  .article-content-section {
    max-width: 76%; }

  .article-content-section .collapsible-sidebar {
    margin: 0 0 0 25px; } }
section.article-content-section.article-fluid {
  max-width: 100%; }

section.section-articles.collapsible-sidebar {
  max-width: 100%;
  padding: 1px; }

/***** Category pages *****/
.category-content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.category-content .page-header {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.sidebar {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }

.sidebar {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }

.sidebar, .category-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.sidebar .collapsible-sidebar {
  padding: 1px 0; }

.sidebar .collapsible-sidebar > h3 {
  font-size: 16px; }

.category-content > .page-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.menu-title {
  display: block;
  background-color: var(--main-color);
  color: var(--main-color-text);
  -webkit-margin-after: 0;
  margin-block-end: 0;
  padding: 10px 15px; }

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

  .category-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 72%;
    flex: 1 0 72%;
    min-width: 640px; }

  .category-content-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

  .sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    margin: 12px 35px 0 0; } }
.section-tree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.section-tree-title a {
  color: var(--text-color); }

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

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0; }

.article-list {
  list-style-type: disc;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px; }

.article-list-item {
  -webkit-margin-after: 15px;
  margin-block-end: 15px; }

.article-list-item a {
  /*color:var(--text-color);*/
  display: inline-block;
  max-width: 90%;
  vertical-align: top; }

.see-all-sections {
  display: block;
  padding: 0 15px 0; }

/* Table Of Content CSS */
#toc {
  -webkit-padding-start: 30px;
  padding-inline-start: 30px; }

#toc li ol {
  -webkit-padding-start: 19px;
  padding-inline-start: 19px; }

#article-toc {
  margin: 0;
  padding: 2px 0;
  background-color: var(--background-color-d3); }

#article-toc h3 {
  -webkit-padding-start: 0px;
  padding-inline-start: 0px; }

@media (min-width: 1024px) {
  #article-toc {
    max-height: 100%;
    background-color: transparent; } }
#article-toc h3 {
  padding: 8px 8px 8px 8px;
  color: var(--text-color); }

@media (min-width: 1024px) {
  #article-toc h3 {
    border: none;
    background: none;
    color: var(--text-color); }

  #article-toc {
    background-color: transparent; } }
/***** Section pages *****/
.section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.section-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.section-content .page-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (min-width: 1024px) {
  .section-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 75%;
    flex: 1 0 75%;
    min-width: 640px; }

  .section-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
.section-subscribe .dropdown-toggle::after {
  display: none; }

.section-content ul.article-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.section-content li.section-list-item, .section-content li.article-list-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 320px;
  flex: 1 0 320px;
  max-width: 100%; }

.section-content .section-list-item, .section-content .article-list-item {
  -webkit-margin-end: 15px;
  margin-inline-end: 15px; }

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

@media (min-width: 1024px) {
  .article {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 72%;
    flex: 1 0 72%;
    min-width: 439px; } }
.article-content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

@media (min-width: 1024px) {
  .article-content-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
.article-header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-margin-after: 0px;
  margin-block-end: 0px;
  margin-top: 20px; }

.article-header h1 {
  -webkit-margin-before: 0;
  margin-block-start: 0; }

@media (min-width: 768px) {
  .article-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0; } }
.article-author {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }

@media (min-width: 768px) {
  .article-title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; } }
.article-meta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.article-title .icon-lock::before {
  content: "\1F512";
  font-size: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline; }

.article [role="button"] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto; }

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

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

.article-body img {
  height: auto;
  max-width: 100%; }
.article-body ul,
.article-body ol {
  -webkit-padding-start: 1em;
  padding-inline-start: 1em;
  list-style-position: outside;
  margin: 0 0 0 1em; }
  .article-body ul > ul,
  .article-body ul > ol,
  .article-body ol > ul,
  .article-body ol > ol {
    margin: 0; }
.article-body ul {
  list-style-type: disc; }
.article-body ul li, .article-body ol li {
  padding: 2px 0px;
}
.article-body a:visited {
  color: var(--secondary-color-d20); }
.article-body code {
  background: var(--background-color-d3);
  border: 1px solid #ddd;
  border-radius: var(--radius);
  padding: 0 5px;
  margin: 0 2px; }
.article-body pre {
  background: var(--background-color-d3);
  border: 1px solid #ddd;
  border-radius: var(--radius);
  padding: 10px 15px;
  overflow: auto;
  white-space: pre; }
.article-body pre.broken {
  white-space: break-spaces;
}
.article-body > p:last-child {
  -webkit-margin-after: 0;
  margin-block-end: 0; }

.article-content {
  font-size: 1rem;
  line-height: 1.5em;
  margin: 20px 0;
  word-wrap: break-word; }

.article-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-padding-after: 20px;
  padding-block-end: 20px; }

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

.article-sidebar {
  border: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  height: auto; }

@media (min-width: 1024px) {
  .article-content-section {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 74%;
    flex: 1 0 74%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; } }
.article-relatives {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .article-relatives {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .article-relatives > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-margin-end: 0;
    margin-inline-end: 0; }
    @media (min-width: 768px) {
      .article-relatives > * {
        -webkit-margin-end: 20px;
        margin-inline-end: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%; } }
    .article-relatives > *:last-child {
      margin: 0; }

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

.article-vote {
  background: transparent;
  margin: 10px 5px;
  min-width: 90px;
  width: auto; }
  .article-vote::before {
    font-size: 8px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px; }
  .article-vote::after {
    content: attr(title); }
  .article-vote:focus, .article-vote:active {
    background-color: transparent;
    color: var(--main-color); }
  .article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
    color: #fff; }

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

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

.article-more-questions {
  margin: 0 0 30px;
  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(--text-color);
    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;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px; }

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

.sidenav-item {
  color: var(--text-color);
  display: block;
  -webkit-margin-after: 10px;
  margin-block-end: 10px;
  padding: 10px; }
  @media (min-width: 1024px) {
    .sidenav-item {
      border-radius: var(--radius); } }
  .sidenav-item.current-article, .sidenav-item:hover {
    background-color: var(--main-color-d5);
    color: var(--main-color-text);
    text-decoration: none; }

.recent-articles h3,
.related-articles h3 {
  margin: 6px 0 20px; }
.recent-articles li,
.related-articles li {
  -webkit-margin-after: 15px;
  margin-block-end: 15px; }

/***** Attachments *****/
.attachments .attachment-item {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
  position: relative;
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }
  .attachments .attachment-item:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0; }
  .attachments .attachment-item::before {
    color: var(--text-color);
    content: "\1F4CE";
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 5px; }

.upload-dropzone span {
  color: var(--text-color-l20); }

/***** Social share links *****/
.share {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  padding: 0;
  white-space: nowrap; }
  .share li,
  .share a {
    display: inline-block; }
  .share a {
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    width: 30px;
    height: 30px; }
    .share a::before {
      color: var(--text-color-l20);
      display: block;
      font-size: 23px;
      text-align: center;
      width: 100%; }
    .share a:hover {
      text-decoration: none; }
      .share a:hover::before {
        color: var(--main-color); }

.footer .share a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background-color: var(--footer-text-color);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }
  .footer .share a .fab::before {
    color: var(--footer-color);
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
  .footer .share a:hover .fab::before {
    color: var(--footer-text-color); }

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

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

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

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

/***** Comments *****/
.comment {
  border-top: 1px solid #ddd;
  padding: 20px 0; }

.comment-heading {
  -webkit-margin-after: 5px;
  margin-block-end: 5px;
  margin-top: 0; }

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

.comment-callout {
  display: inline-block;
  font-size: 13px;
  -webkit-margin-after: 0;
  margin-block-end: 0; }

.comment-sorter {
  float: right; }
  .comment-sorter a {
    color: var(--text-color);
    font-size: 13px;
    text-decoration: none; }
  .comment-sorter .dropdown-menu {
    left: auto;
    right: 0; }

.comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .comment-wrapper.comment-official {
    border: 1px solid var(--main-color);
    padding: 40px 20px 20px; }
    @media (min-width: 768px) {
      .comment-wrapper.comment-official {
        -webkit-padding-before: 20px;
        padding-block-start: 20px; } }

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

.comment-author {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }
  @media (min-width: 768px) {
    .comment-author {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.comment-avatar {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px; }

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

.comment-labels {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }
  @media (min-width: 768px) {
    .comment-labels {
      -ms-flex-preferred-size: auto;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-padding-before: 30px;
  padding-block-start: 30px;
  word-wrap: break-word;
  border-top: 1px solid #ddd; }

.comment-container {
  width: 100%; }

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right; }
  .comment-form-controls input[type="submit"] {
    margin-top: 15px; }
    @media (min-width: 1024px) {
      .comment-form-controls input[type="submit"] {
        -webkit-margin-start: 15px;
        margin-inline-start: 15px; } }

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

.comment-attachments {
  margin-top: 10px; }
  .comment-attachments a {
    color: var(--main-color); }

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

.comment-body {
  word-break: break-word;
  line-height: 1.6; }
  .comment-body img {
    height: auto;
    max-width: 100%; }
  .comment-body ul,
  .comment-body ol {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px; }
    .comment-body ul > ul,
    .comment-body ul > ol,
    .comment-body ol > ul,
    .comment-body ol > ol {
      margin: 0; }
  .comment-body ul {
    list-style-type: disc; }
  .comment-body a:visited {
    color: var(--secondary-color-d20); }
  .comment-body code,
  .comment-body pre {
    background: var(--background-color-d3);
    border: 1px solid #ddd;
    border-radius: var(--radius); }
  .comment-body code {
    padding: 0 5px;
    margin: 0 2px; }
  .comment-body pre {
    padding: 10px 15px;
    overflow: auto;
    white-space: pre; }

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

/***** Vote *****/
.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; }

.comment-vote.vote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: unset; }

.vote-sum {
  color: var(--text-color-l20);
  display: block;
  margin: 3px 0; }

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

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

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

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

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

.vote-voted:hover::before {
  color: var(--main-color-d20); }

/***** Actions *****/
.actions {
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .actions .dropdown-menu {
    left: auto;
    right: 0; }
  .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: var(--background-color-d3); }
    .actions .dropdown-toggle::before {
      background-color: transparent;
      border-radius: 50%;
      color: var(--text-color-l20);
      content: "\2699";
      display: block;
      font-size: 13px;
      margin: auto;
      padding: 5px; }

/***** Community *****/
.topics-item .block-icon-wrapper {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }

.community-hero {
  background-position: center;
  background-size: cover; }

.community-footer {
  -webkit-padding-before: 50px;
  padding-block-start: 50px;
  text-align: center; }

.community-relatives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-padding-before: 30px;
  padding-block-start: 30px;
  -webkit-padding-after: 30px;
  padding-block-end: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 768px) {
    .community-relatives {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

.community-featured-posts {
  -webkit-margin-after: 30px;
  margin-block-end: 30px; }
  @media (min-width: 768px) {
    .community-featured-posts {
      -webkit-margin-after: 0;
      margin-block-end: 0;
      -webkit-padding-end: 15px;
      padding-inline-end: 15px; } }

.community-featured-posts,
.community-activity {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  width: 100%; }

.post-to-community {
  margin-top: 10px;
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }
  @media (min-width: 768px) {
    .post-to-community {
      margin: 0; } }

.community-header {
  -webkit-padding-after: 15px;
  padding-block-end: 15px; }
  .community-header,
  .community-header h4 {
    -webkit-margin-after: 0;
    margin-block-end: 0; }

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

.topics-item .meta-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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 {
      -webkit-padding-after: 10px;
      padding-block-end: 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;
        -webkit-margin-end: 20px;
        margin-inline-end: 20px;
        padding: 0; } }

.no-posts-with-filter {
  margin-top: 20px;
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }

.community-featured-posts .promoted-articles-item {
  -webkit-padding-end: 26px;
  padding-inline-end: 26px; }
  .community-featured-posts .promoted-articles-item:first-child {
    -webkit-padding-before: 4px;
    padding-block-start: 4px; }

.community-activity .recent-activity-item {
  padding: 11px 0; }

.community-relatives .community-activity {
  border: 0px;
  -webkit-padding-before: 0px;
  padding-block-start: 0px; }

/* Topic, post and user follow button */
.community-follow {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }
  @media (min-width: 768px) {
    .community-follow {
      -webkit-margin-after: 0;
      margin-block-end: 0;
      width: auto; } }
  .community-follow .dropdown {
    width: 100%; }
  .community-follow[role="button"] {
    line-height: 30px;
    padding: 0 40px 0 15px;
    position: relative; }
    @media (min-width: 768px) {
      .community-follow[role="button"] {
        padding: 0 10px 0 15px;
        width: auto; } }
    .community-follow[role="button"]:hover {
      background-color: var(--main-color-d5); }
    .community-follow[role="button"]:hover::after, .community-follow[role="button"]:focus::after {
      border-color: #fff;
      color: #fff; }
    .community-follow[role="button"][aria-selected="true"] {
      color: #fff; }
      .community-follow[role="button"][aria-selected="true"]::after {
        border-left: 1px solid #fff;
        color: #fff; }
      .community-follow[role="button"][aria-selected="true"]:hover {
        background-color: var(--main-color-d20);
        border-color: var(--main-color-d20); }
      .community-follow[role="button"][aria-selected="true"]::after {
        border-left: 1px solid var(--main-color);
        content: attr(data-follower-count);
        color: var(--main-color);
        display: inline-block;
        font-family: 'Raleway', sans-serif;
        -webkit-margin-start: 15px;
        margin-inline-start: 15px;
        -webkit-padding-start: 10px;
        padding-inline-start: 10px;
        position: absolute;
        right: 10px; }
        @media (min-width: 768px) {
          .community-follow[role="button"][aria-selected="true"]::after {
            position: static; } }

@media (min-width: 768px) {
  .article-subscribe,
  .article-unsubscribe {
    margin-top: 0; } }
/***** Striped list *****/
.striped-list {
  padding: 0; }
  .striped-list .meta-group {
    margin: 5px 0; }

.striped-list-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 0; }
  @media (min-width: 768px) {
    .striped-list-item {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

.striped-list-info {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.striped-list-title {
  -webkit-margin-after: 10px;
  margin-block-end: 10px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px; }
  .striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
    text-decoration: underline; }
  .striped-list-title:visited {
    color: var(--secondary-color-d20); }

.striped-list-count {
  color: var(--text-color-l20);
  font-size: 13px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-transform: capitalize; }
  @media (min-width: 768px) {
    .striped-list-count {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-pack: distribute;
      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(--text-color);
      display: block;
      font-weight: 400; } }

/***** Status labels *****/
.status-label {
  background-color: #1eb848;
  border-radius: var(--radius);
  color: #fff;
  font-size: 12px;
  -webkit-margin-end: 2px;
  margin-inline-end: 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(--main-color-d5); }

.status-label-official {
  border-radius: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 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; } }

.status-label-pending,
.status-label-not-planned {
  background-color: #eee;
  color: var(--text-color-l20); }

.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 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 100%;
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }

.post-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 1024px) {
    .post-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

.post-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-margin-after: 10px;
  margin-block-end: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .post-header {
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .post-header .status-label {
    vertical-align: super; }

.post-title {
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }
  @media (min-width: 768px) {
    .post-title {
      -webkit-margin-after: 0;
      margin-block-end: 0;
      -webkit-padding-end: 10px;
      padding-inline-end: 10px; } }
  .post-title h1 {
    display: inline;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .post-title h1 {
        -webkit-margin-end: 5px;
        margin-inline-end: 5px; } }

.post-author {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.post-avatar {
  -webkit-margin-after: 30px;
  margin-block-end: 30px; }

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

.post-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-after: 40px;
  margin-block-end: 40px; }

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

.post-meta {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
  vertical-align: middle; }

.post-body img {
  height: auto;
  max-width: 100%; }
.post-body ul,
.post-body ol {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px; }
  .post-body ul > ul,
  .post-body ul > ol,
  .post-body ol > ul,
  .post-body ol > ol {
    margin: 0; }
.post-body ul {
  list-style-type: disc; }
.post-body a:visited {
  color: var(--secondary-color-d20); }
.post-body code {
  background: var(--background-color-d3);
  border: 1px solid #ddd;
  border-radius: var(--radius);
  padding: 0 5px;
  margin: 0 2px; }
.post-body pre {
  background: var(--background-color-d3);
  border: 1px solid #ddd;
  border-radius: var(--radius);
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  -o-border-radius: 3px; }

.post-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-padding-after: 20px;
  padding-block-end: 20px; }

.post-comment-count {
  color: var(--text-color);
  font-weight: 300; }
  .post-comment-count:hover {
    text-decoration: none; }
  .post-comment-count .icon-comments {
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    padding: 5px; }

.post-sidebar {
  border-top: 1px solid #ddd;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 30px 0;
  text-align: center; }
  .post-sidebar h5 {
    font-weight: 600; }
  @media (min-width: 1024px) {
    .post-sidebar {
      border-bottom: 1px solid #ddd;
      -webkit-padding-after: 20px;
      padding-block-end: 20px; } }

.post-comments {
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }
  @media (min-width: 1024px) {
    .post-comments {
      -webkit-margin-after: 0;
      margin-block-end: 0; } }

/* Navigation element that collapses on mobile */
.collapsible-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 45px;
  overflow: hidden;
  font-size: 14px; }
  @media (min-width: 768px) {
    .collapsible-nav {
      border: 0;
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      max-height: none; } }
  .collapsible-nav[aria-expanded="true"] {
    max-height: none; }
    .collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
      content: "\2715"; }

.collapsible-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 768px) {
    .collapsible-nav-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .collapsible-nav-list li {
    color: var(--text-color);
    line-height: 45px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    @media (min-width: 768px) {
      .collapsible-nav-list li {
        line-height: normal;
        -webkit-margin-end: 30px;
        margin-inline-end: 30px; }
        .collapsible-nav-list li:hover {
          border-bottom: 4px solid #ddd; }
          .collapsible-nav-list li:hover a {
            padding: 15px 0 11px 0;
            text-decoration: none; } }
    .collapsible-nav-list li a {
      border: solid 1px #ddd;
      color: var(--text-color-d5);
      display: block;
      font-weight: 500;
      padding: 0 12px;
      margin-top: -1px; }
      @media (min-width: 768px) {
        .collapsible-nav-list li a {
          border: none;
          color: var(--text-color);
          font-weight: 400;
          text-decoration: none;
          margin-top: 0;
          padding: 15px 0; } }
    .collapsible-nav-list li[aria-selected="true"] {
      background-color: var(--main-color);
      color: var(--main-color-text);
      font-weight: 500;
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      padding: 0 12px;
      position: relative; }
      @media (min-width: 768px) {
        .collapsible-nav-list li[aria-selected="true"] {
          background-color: transparent;
          border-bottom: 4px solid var(--main-color);
          color: var(--text-color);
          font-weight: 500;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          padding: 15px 0 11px 0; } }
      .collapsible-nav-list li[aria-selected="true"] a {
        color: var(--text-color); }
      .collapsible-nav-list li[aria-selected="true"]::after {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "\25BE";
        position: absolute;
        right: 12px; }
        @media (min-width: 768px) {
          .collapsible-nav-list li[aria-selected="true"]::after {
            display: none; } }

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative; }
  @media (min-width: 1024px) {
    .collapsible-sidebar {
      max-height: none;
      padding: 0; } }
  .collapsible-sidebar[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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 10px; }
    @media (min-width: 1024px) {
      .collapsible-sidebar-title::after {
        display: none; } }

/***** My activities *****/
.my-activities-nav {
  border: 0;
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }

.my-activities-nav a:hover,
.my-activities-sub-nav a:hover {
  text-decoration: none; }

.my-activities-sub-nav {
  background-color: transparent;
  -webkit-margin-after: 30px;
  margin-block-end: 30px; }
  @media (min-width: 768px) {
    .my-activities-sub-nav {
      border-bottom: 1px solid #ddd; }
      .my-activities-sub-nav li:hover {
        border-bottom: 4px solid #ddd; } }

.my-activities-table .striped-list-title {
  display: block;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  max-width: 350px;
  white-space: normal; }
  @media (min-width: 1024px) {
    .my-activities-table .striped-list-title {
      -webkit-margin-after: 0;
      margin-block-end: 0;
      max-width: 500px;
      min-width: 350px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; } }
.my-activities-table thead {
  display: none; }
  @media (min-width: 768px) {
    .my-activities-table thead {
      display: table-header-group; } }

@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 {
  -webkit-padding-end: 0;
  padding-inline-end: 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 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 768px) {
    .requests-table-toolbar {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .requests-table-toolbar .search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    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; } }
  .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;
  -webkit-margin-after: 30px;
  margin-block-end: 30px;
  width: 100%; }
  @media (min-width: 768px) {
    .requests-table-toolbar select {
      -webkit-margin-after: 0;
      margin-block-end: 0;
      max-width: 140px;
      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 {
      -webkit-margin-start: 10px;
      margin-inline-start: 10px; } }
.requests-table-toolbar .organization-unsubscribe {
  background-color: var(--main-color);
  color: #fff; }
.requests-table-toolbar + .requests-search-info {
  margin-top: 15px; }
  .requests-table-toolbar + .requests-search-info.meta-data::after {
    content: "";
    margin: 0; }
  .requests-table-toolbar + .requests-search-info + .requests {
    margin-top: 20px; }

.requests .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 .requests-link {
  position: relative; }
.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px; }
.requests .requests-table-info {
  display: block; }
  @media (min-width: 768px) {
    .requests .requests-table-info {
      display: table-cell;
      vertical-align: middle;
      width: auto; } }

@media (min-width: 768px) {
  .requests-table-toolbar + .requests {
    margin-top: 40px; } }
/* Following table */
.subscriptions-unsubscribe a {
  background: var(--main-color-d5);
  border-radius: var(--radius);
  color: var(--main-color-text);
  display: inline-block;
  font-size: 13px;
  line-height: 2.34;
  padding: 0 20px;
  text-align: center;
  font-weight: 500; }
  @media (min-width: 768px) {
    .subscriptions-unsubscribe a {
      width: auto; } }
  .subscriptions-unsubscribe a:hover {
    background-color: var(--main-color-d20);
    text-decoration: none; }

.subscriptions-table td:last-child {
  display: block; }
  @media (min-width: 768px) {
    .subscriptions-table td:last-child {
      display: table-cell; } }
.subscriptions-table .user-avatar {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px; }

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

/* Contributions table */
.contributions-table td:last-child {
  color: var(--text-color-l20);
  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: var(--text-color-l20); }

/***** Request *****/
.request-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1024px) {
    .request-container {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .request-container .comment-container {
    min-width: 0; }
  .request-container .request-main .comment-list .comment {
    border: none; }

.request-breadcrumbs {
  -webkit-margin-after: 40px;
  margin-block-end: 40px; }
  @media (min-width: 1024px) {
    .request-breadcrumbs {
      -webkit-margin-after: 60px;
      margin-block-end: 60px; } }

.request-main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 1024px) {
    .request-main {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66%;
      flex: 0 0 66%;
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      min-width: 0; } }
  .request-main .comment-fields.shown {
    display: block; }
  .request-main .request-submit-comment.shown {
    display: inline; }
  .request-main .comment-fields,
  .request-main .request-submit-comment {
    display: none; }
  .request-main .comment-ccs,
  .request-main .comment-form-controls {
    display: block; }
  .request-main .comment-show-container {
    border-radius: 2px;
    border: 1px solid #ddd;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 15px;
    width: 100%; }
    .request-main .comment-show-container.hidden {
      display: none; }
  .request-main .comment-show-container-content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: var(--text-color-l20);
    -webkit-margin-start: 10px;
    margin-inline-start: 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(--main-color); }
  .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(--main-color); }
  .request-main input#mark_as_solved {
    display: none; }

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

.request-sidebar {
  background-color: var(--background-color-d3);
  border: 1px solid #ddd;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding: 10px 5px 10px 20px; }
  @media (min-width: 1024px) {
    .request-sidebar {
      border: 0;
      font-size: 13px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 0 20px;
      width: 30%; } }
  .request-sidebar h5 {
    font-size: 15px;
    font-weight: 600;
    position: relative; }
    @media (min-width: 1024px) {
      .request-sidebar h5 {
        display: none; } }

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  -webkit-padding-after: 20px;
  padding-block-end: 20px; }
  .request-details:last-child {
    border: 0; }
  .request-details dt,
  .request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 0; }
  .request-details dd {
    padding: 0 10px;
    width: 60%; }
    .request-details dd::after {
      content: "\A";
      white-space: pre; }
  .request-details dt {
    color: var(--text-color-l20);
    font-weight: 600;
    width: 40%; }
  .request-details .request-collaborators {
    display: inline-block; }

.request-follow-up {
  -webkit-padding-before: 20px;
  padding-block-start: 20px; }

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

.request-attachments dd {
  margin: 10px 0 0 0; }
.request-attachments dt,
.request-attachments dd {
  width: 100%; }

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center; }
  .pagination * {
    display: inline-block; }
  .pagination li {
    border-radius: 50%;
    height: 30px;
    float: left;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    width: 30px; }
    .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(--text-color);
        text-decoration: none; }
  .pagination a,
  .pagination span {
    color: var(--text-color);
    font-size: 13px;
    padding: 5px 12px; }

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

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

.pagination-current {
  background-color: var(--main-color); }
  .pagination-current a,
  .pagination-current span {
    color: var(--main-color-text); }

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

.meta-data {
  color: var(--text-color-l20);
  font-size: 13px; }
  .meta-data:not(:last-child)::after {
    content: "\00B7";
    margin: 0 5px; }

/***** Icons *****/
[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-star::before {
  content: "\2605"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* User Profiles */
.profile-header {
  padding: 30px 0; }
  .profile-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .profile-header .container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
  .profile-header .profile-info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0; }
  .profile-header .basic-info {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 0; }
    .profile-header .basic-info .name {
      margin: 0;
      line-height: 35px; }
  .profile-header .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .profile-header .options {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        -webkit-margin-start: 10px;
        margin-inline-start: 10px; } }
    .profile-header .options > :not(:last-child) {
      -webkit-margin-after: 0;
      margin-block-end: 0;
      -webkit-margin-end: 10px;
      margin-inline-end: 10px; }
    .profile-header .options [data-action="edit-profile"] {
      background-color: var(--main-color-d5);
      border: 0;
      color: var(--main-color-text);
      line-height: normal;
      padding: 8px 20px; }
  .profile-header .description {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    margin: 15px 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }

.profile-avatar {
  position: relative;
  line-height: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px; }
  .profile-avatar .user-avatar {
    width: 65px;
    height: 65px; }
  .profile-avatar .icon-agent::before {
    bottom: 0;
    right: 0; }

.profile-stats {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }
  .profile-stats .stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-after: 10px;
    margin-block-end: 10px; }
  .profile-stats .stat-label {
    color: var(--text-color);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    font-weight: 600;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px; }

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px; }
  @media (min-width: 768px) {
    .profile-stats-activity {
      border-top: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 768px) {
    .profile-stats-activity .stat {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .profile-stats-activity .stat:first-child {
      margin-top: 0; }
    .profile-stats-activity .stat:not(:last-child) {
      -webkit-margin-end: 40px;
      margin-inline-end: 40px; } }
  .profile-stats-activity .stat:first-child {
    margin-top: 10px; }
  @media (min-width: 768px) {
    .profile-stats-activity .stat-label {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; } }

.profile-stats-counters {
  border-bottom: solid 1px #ddd; }
  @media (min-width: 768px) {
    .profile-stats-counters {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
      flex: 0 0 200px;
      border-bottom: 0;
      -webkit-margin-start: 40px;
      margin-inline-start: 40px; } }
  @media (min-width: 1024px) {
    .profile-stats-counters {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 270px;
      flex: 0 0 270px;
      -webkit-margin-start: 60px;
      margin-inline-start: 60px; } }
  @media (min-width: 768px) {
    .profile-stats-counters .stat {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .profile-stats-counters .stat {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 768px) {
    .profile-stats-counters .stat:not(:last-child) {
      -webkit-margin-after: 15px;
      margin-block-end: 15px; } }
  @media (min-width: 768px) {
    .profile-stats-counters .stat-label {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; } }
  @media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px; } }

.profile-private-badge {
  border: solid 1px var(--main-color);
  border-radius: var(--radius);
  color: var(--main-color);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center; }
  @media (min-width: 768px) {
    .profile-private-badge {
      -ms-flex-preferred-size: auto;
      flex-basis: auto; } }
  .profile-private-badge::after {
    content: "\1f512";
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    font-family: "copenhagen-icons";
    vertical-align: middle;
    line-height: 15px; }

.profile-nav {
  border: 0;
  -webkit-margin-after: 37px;
  margin-block-end: 37px; }

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

.profile-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.profile-section-title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-margin-after: 0;
  margin-block-end: 0; }

.profile-section-description {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 10px 0;
  color: var(--text-color-l20);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (min-width: 768px) {
    .profile-section-description {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
      flex: 1 0 50%;
      -webkit-padding-after: 0;
      padding-block-end: 0; } }

.profile-section-sorter {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px; }
  @media (min-width: 768px) {
    .profile-section-sorter {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-padding-before: 0;
      padding-block-start: 0;
      border-top: 0;
      -webkit-margin-start: 20px;
      margin-inline-start: 20px; } }
  .profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%; }
    .profile-section-sorter .dropdown-toggle::after {
      position: absolute; }
      @media (min-width: 768px) {
        .profile-section-sorter .dropdown-toggle::after {
          position: relative; } }

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

.profile-contribution-header {
  -webkit-margin-after: 5px;
  margin-block-end: 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 {
      -webkit-padding-start: 30px;
      padding-inline-start: 30px; } }
  .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: var(--main-color);
    font-family: "copenhagen-icons";
    line-height: 25px; }
.profile-contribution-list .profile-contribution-header {
  -webkit-margin-start: 30px;
  margin-inline-start: 30px; }
  @media (min-width: 768px) {
    .profile-contribution-list .profile-contribution-header {
      -webkit-margin-start: 0;
      margin-inline-start: 0; } }

.profile-comments .profile-contribution-breadcrumbs {
  -webkit-margin-start: 30px;
  margin-inline-start: 30px; }
  @media (min-width: 768px) {
    .profile-comments .profile-contribution-breadcrumbs {
      -webkit-margin-start: 0;
      margin-inline-start: 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;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px; }

.profile-activity-list {
  margin-top: 25px; }
  @media (min-width: 768px) {
    .profile-activity-list {
      -webkit-padding-start: 7px;
      padding-inline-start: 7px; } }

.profile-activity {
  position: relative;
  -webkit-padding-after: 30px;
  padding-block-end: 30px; }
  @media (min-width: 768px) {
    .profile-activity {
      -webkit-padding-start: 20px;
      padding-inline-start: 20px; }
      .profile-activity:not(:last-child) {
        border-left: solid 1px #ddd; } }
  .profile-activity::before {
    position: absolute;
    left: 0;
    width: 28px;
    border-radius: 50%;
    content: "";
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: var(--background-color);
    background-position: 50% 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: var(--main-color);
    font-family: "copenhagen-icons"; }
    @media (min-width: 768px) {
      .profile-activity::before {
        left: -14px; } }

.profile-activity-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-margin-start: 35px;
  margin-inline-start: 35px; }
  @media (min-width: 768px) {
    .profile-activity-header {
      -webkit-margin-start: 0;
      margin-inline-start: 0; } }
  .profile-activity-header .user-avatar {
    width: 40px;
    height: 40px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    min-width: 40px;
    -ms-flex-item-align: start;
    align-self: flex-start; }

.profile-activity-description {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  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: calc(2 * var(--radius));
  border: solid 1px #ddd; }
  @media (min-width: 768px) {
    .profile-activity-contribution {
      margin-top: 0;
      -webkit-margin-start: 50px;
      margin-inline-start: 50px; } }

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1024px) {
    .search-results {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .search-results .meta-group {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    clear: both;
    color: #666;
    align-items: center; }
    @media (min-width: 1024px) {
      .search-results .meta-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .search-results .meta-group > li {
      display: block; }
      @media (min-width: 1024px) {
        .search-results .meta-group > li {
          display: inline; } }
    .search-results .meta-group .meta-data {
      color: inherit; }
      .search-results .meta-group .meta-data > span:not(:last-child)::after {
        content: "\00B7";
        margin: 0 5px; }
      .search-results .meta-group .meta-data:not(:last-child) {
        -webkit-margin-end: 20px;
        margin-inline-end: 20px; }
      .search-results .meta-group .meta-data::after {
        content: none; }

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

.search-results-sidebar {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-margin-after: 20px;
  margin-block-end: 20px;
  padding: 0; }
  @media (min-width: 1024px) {
    .search-results-sidebar {
      border: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      height: auto;
      -webkit-margin-end: 35px;
      margin-inline-end: 35px; } }
  .search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item[aria-selected="true"] {
    background-color: var(--main-color);
    color: var(--main-color-text);
    text-decoration: none; }
  .search-results-sidebar .sidenav-subitem {
    unicode-bidi: embed; }
  .search-results-sidebar .collapsible-sidebar {
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    padding: 1px 0; }
    .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
      display: none; }
      @media (min-width: 1024px) {
        .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
          display: block; } }
    .search-results-sidebar .collapsible-sidebar .sidenav-title {
      display: block;
      background-color: var(--main-color);
      color: var(--main-color-text);
      -webkit-margin-after: 0;
      margin-block-end: 0;
      padding: 10px 15px;
      cursor: pointer; }
      @media (min-width: 1024px) {
        .search-results-sidebar .collapsible-sidebar .sidenav-title {
          background-color: transparent;
          color: var(--text-color);
          cursor: initial;
          -webkit-margin-after: 15px;
          margin-block-end: 15px;
          padding: 0; } }
  .search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
    display: none; }
  .search-results-sidebar .multibrand-filter-list .doc-count {
    color: inherit; }
  .search-results-sidebar .see-all-filters {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 10px;
    color: var(--secondary-color); }
    .search-results-sidebar .see-all-filters[aria-hidden="true"] {
      display: none; }
    .search-results-sidebar .see-all-filters:hover {
      text-decoration: underline; }
    .search-results-sidebar .see-all-filters::after {
      content: ' \2304';
      font-weight: bold; }

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

.search-results-list {
  -webkit-margin-after: 25px;
  margin-block-end: 25px; }
  .search-results-list > li {
    padding: 20px 0; }
    .search-results-list > li:first-child {
      border-top: 1px solid #ddd; }
    .search-results-list > li h2 {
      -webkit-margin-after: 0;
      margin-block-end: 0; }

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

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

.search-result-icons {
  float: right; }

.search-result-votes,
.search-result-meta-count {
  color: var(--text-color-l20);
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 4px 5px;
  position: relative;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px; }
  .search-result-votes::before,
  .search-result-meta-count::before {
    color: var(--main-color);
    -webkit-margin-end: 3px;
    margin-inline-end: 3px; }

.search-result-votes::before {
  content: "\1F44D"; }

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

.search-result-breadcrumbs {
  margin: 0; }
  @media (min-width: 1024px) {
    .search-result-breadcrumbs {
      display: table-row; } }
  .search-result-breadcrumbs li,
  .search-result-breadcrumbs li a,
  .search-result-breadcrumbs li a:visited {
    color: inherit; }
  @media (min-width: 1024px) {
    .search-result-breadcrumbs li {
      display: table-cell; } }

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

.hide {
  display: none; }

span.block-icon-wrapper {
  color: var(--main-color-text);
  display: block;
  background-color: var(--main-color);
  margin: 0 auto;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  padding: 25px 10px;
  -webkit-transition: 300ms all ease-in-out 0s;
  -o-transition: 300ms all ease-in-out 0s;
  transition: 300ms all ease-in-out 0s; }
  span.block-icon-wrapper.hide {
    display: none; }
  span.block-icon-wrapper > img {
    max-height: 50px;
    vertical-align: middle;
    -webkit-transition: 300ms all ease-in-out 0s;
    -o-transition: 300ms all ease-in-out 0s;
    transition: 300ms all ease-in-out 0s; }
    @media (min-width: 580px) {
      span.block-icon-wrapper > img {
        max-height: 70px; } }
  span.block-icon-wrapper > i {
    font-size: 3.35em;
    vertical-align: middle;
    -webkit-transition: 300ms all ease-in-out 0s;
    -o-transition: 300ms all ease-in-out 0s;
    transition: 300ms all ease-in-out 0s; }
    @media (min-width: 580px) {
      span.block-icon-wrapper > i {
        font-size: 4.7em; } }

.full-knowledge-base {
  text-align: center; }

.collapse,
.collapse-block__state-close,
.full-knowledge-base {
  display: none; }

.collapse-block__heading {
  color: #fff;
  display: block;
  font-weight: 500;
  padding: 10px 0; }
  .collapse-block__heading:active, .collapse-block__heading:hover, .collapse-block__heading:focus, .collapse-block__heading:visited {
    text-decoration: none; }

.collapse-block__content {
  border-bottom: solid 1px #ddd;
  padding: 15px 10px 20px;
  border-top: solid 1px #ddd; }
  .collapse-block__content i {
    -webkit-margin-start: 5px;
    margin-inline-start: 5px; }

.profile-section .meta-data {
  font-weight: 500; }

li.list__item:not(:nth-child(n+6)),
.categories li.blocks-item.item:not(:nth-child(-n+5)) {
  display: none; }

.popular-article-title {
  font-size: 20px;
  text-align: left;
  letter-spacing: .4px; }

img.open {
  vertical-align: middle; }
img.open, img.close {
  -webkit-margin-end: 5px;
  margin-inline-end: 5px; }

.ask-a-question select {
  max-width: 200px; }

.promoted-articles-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (min-width: 1024px) {
  .knowledge-base .promoted-articles-item span:first-child {
    width: 370px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block; } }
@media (min-width: 1300px) {
  .knowledge-base .promoted-articles-item span:first-child {
    width: 500px; } }
.my-activities-following-header {
  -webkit-margin-after: 20px;
  margin-block-end: 20px; }

a.view-more {
  color: var(--secondary-color);
  -webkit-padding-before: 0;
  padding-block-start: 0; }

.section-tree ul.article-list {
  list-style-type: disc;
  -webkit-padding-start: 18px;
  padding-inline-start: 18px; }

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

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

.article-header.hide-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .article-header.hide-meta .article-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-margin-after: 10px;
    margin-block-end: 10px; }
  .article-header.hide-meta .article-subscribe,
  .article-header.hide-meta .article-unsubscribe {
    -webkit-margin-after: 10px;
    margin-block-end: 10px; }

ul.info-links {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-after: 8px;
  margin-block-end: 8px; }

ul.blocks-list.topics-list {
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  margin-top: 10px; }

li.blocks-item.topics-item {
  border: solid 1px var(--main-color);
  -webkit-margin-after: 2em;
  margin-block-end: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 290px;
  flex: 1 0 290px;
  max-width: 100%;
  margin: 0 7px 12px; }
  @media (min-width: 1300px) {
    li.blocks-item.topics-item {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 240px;
      flex: 1 0 240px; } }
  li.blocks-item.topics-item:hover {
    background-color: var(--main-color);
    border-color: var(--main-color); }

li.topics-item .blocks-item-link {
  color: inherit;
  padding: 15px 20px; }

li.blocks-item.topics-item:hover * {
  color: var(--main-color-text); }

section.activity-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

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

@media (min-width: 992px) {
  .copyright-wrapper > p {
    -webkit-margin-after: 15px;
    margin-block-end: 15px; } }
@media (min-width: 768px) {
  section.activity-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
.section-subscribe .dropdown-menu {
  left: auto;
  right: 0; }

.icon-star {
  color: var(--main-color);
  vertical-align: top;
  display: inline-block;
  -webkit-margin-end: 4px;
  margin-inline-end: 4px; }

address {
  font-style: normal; }

ul.article-list {
  list-style-type: disc;
  -webkit-padding-start: 18px;
  padding-inline-start: 18px; }

/** Category Sidebar **/
a.list-item-link {
  color: var(--text-color); }

span.list-item-icon .hover-icon {
  display: none; }

p.list-item {
  margin: 0;
  word-break: break-word; }

.list-item-icon {
  font-size: 1.05em;
  position: absolute;
  right: 15px;
  top: 33%; }

li.category:not(.blocks-item) {
  border: solid 1px #e9eae9;
  -webkit-margin-after: -1px;
  margin-block-end: -1px;
  padding: 20px 40px 20px 15px;
  background-color: #f8f8f8;
  position: relative; }
  li.category:not(.blocks-item):hover, li.category:not(.blocks-item).active {
    background-color: var(--secondary-color); }
li.category:hover a.list-item-link, li.category.active a.list-item-link {
  color: var(--main-color-text);
  text-decoration: none; }

/***alerts****/
/*
.note - for note
.tip - for tip
.warning - for warning
.important - for important
.caution - for caution
.danger - for danger
.notice - for notice
*/
.note,
.warning,
.important,
.caution,
.danger,
.notice,
.tip {
  border-radius: var(--radius);
  position: relative;
  display: block;
  -webkit-padding-before: 20px !important;
  padding-block-start: 20px !important;
  -webkit-padding-after: 20px !important;
  padding-block-end: 20px !important;
  -webkit-padding-start: 65px !important;
  padding-inline-start: 65px !important;
  -webkit-padding-end: 18px !important;
  padding-inline-end: 18px !important;
  margin: 20px 0;
  -webkit-margin-start: 0px !important;
  margin-inline-start: 0px !important;
  line-height: 1.4em;
  -webkit-margin-end: 0px !important;
  margin-inline-end: 0px !important;
  color: var(--text-color); }
  .note::before,
  .warning::before,
  .important::before,
  .caution::before,
  .danger::before,
  .notice::before,
  .tip::before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 22px;
    vertical-align: middle; }
  .note > *,
  .warning > *,
  .important > *,
  .caution > *,
  .danger > *,
  .notice > *,
  .tip > * {
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px; }

.note {
  background: rgba(0, 128, 0, 0.16); }
  .note::before {
    content: '\f303';
    color: green; }

.warning {
  background: rgba(255, 165, 0, 0.16); }
  .warning::before {
    content: '\f071';
    color: orange; }

.important {
  background: rgba(0, 128, 0, 0.16); }
  .important::before {
    content: '\f06a';
    color: green; }

.caution {
  background: rgba(238, 235, 59, 0.16); }
  .caution::before {
    content: '\f071';
    color: #ffe81a; }

.tip {
  background: rgba(78, 190, 228, 0.16); }
  .tip::before {
    content: '\f0d0';
    color: #4ebee4; }

.danger {
  background: rgba(255, 0, 0, 0.16); }
  .danger::before {
    content: '\f071';
    color: red; }

.notice {
  background: rgba(78, 190, 228, 0.16); }
  .notice::before {
    content: '\f05a';
    color: #4ebee4; }

/***alerts****/
/* ---knowledge base tree---  */
.tree-border {
  border: 1px solid #ddd;
  border-radius: var(--radius);
  margin: 10px 0; }

.tree-container {
  margin: 30px 0 20px; }
  .tree-container .tree-item-link {
    padding: 13px 13px 13px 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .tree-container .tree-item-link:active {
      text-decoration: none; }
    .tree-container .tree-item-link.accordion-category-title {
      -webkit-padding-start: 15px;
      padding-inline-start: 15px;
      border-bottom: 1px solid #ddd; }
  .tree-container .section {
    -webkit-margin-after: 20px;
    margin-block-end: 20px; }

.tree-item-title {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px; }

.section-tree-item-title,
.tree-item-title {
  margin-top: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0; }

.section-tree-item-title {
  font-size: 16px;
  border-bottom: 1px solid #e1e1e1;
  padding: 0 0 12px;
  -webkit-margin-after: 21px;
  margin-block-end: 21px; }

.section-tree-item-title a,
.tree-item-title a,
.section-tree-item-title,
.tree-item-title,
.tree-item-link,
.section-tree-item-title {
  color: var(--text-color);
  word-break: break-word; }

.tree-container ul,
.full-knowledge-base ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.section-tree-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.25rem;
  margin: 0 -15px; }
  @media (min-width: 768px) {
    .section-tree-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .section-tree-list .section {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    @media (min-width: 768px) {
      .section-tree-list .section {
        padding: 0 15px;
        max-width: 50%; } }
  .section-tree-list i.category-empty {
    padding: 15px; }
  .section-tree-list i.section-empty {
    top: 8px;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px; }
    .section-tree-list i.section-empty.accordion-section-empty {
      -webkit-padding-start: 0;
      padding-inline-start: 0;
      -webkit-padding-end: 0;
      padding-inline-end: 0; }

.tree-items {
  -webkit-margin-after: 10px;
  margin-block-end: 10px; }
  .tree-items a.active .fa-angle-down {
    display: none; }
  .tree-items a.active .fa-angle-up {
    display: block;
    line-height: 25px; }

.hide {
  display: none; }

.tree-item-link:hover {
  text-decoration: none; }

.section h2.tree-item-title {
  -webkit-margin-after: 0;
  margin-block-end: 0;
  text-align: left; }

.tree-container .see-all-articles {
  display: block;
  padding: 15px 0; }
.tree-container .article-list.accordion-article-list,
.tree-container .accordion-see-all-link.see-all-articles {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0; }
.tree-container .article-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: 0;
  -webkit-margin-after: 8px;
  margin-block-end: 8px; }
  .tree-container .article-list-item a {
    color: var(--secondary-color); }
.tree-container .icons-wrapper {
  position: absolute;
  right: 15px;
  vertical-align: middle;
  top: 30%; }
  .tree-container .icons-wrapper i {
    font-size: 15px;
    vertical-align: middle; }
  .tree-container .icons-wrapper .fa-angle-up {
    display: none; }
.tree-container ul.article-list li.article-promoted span {
  -webkit-margin-end: 5px;
  margin-inline-end: 5px; }
.tree-container .tree-list .section-tree-list .tree-items .section-list {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0; }
  .tree-container .tree-list .section-tree-list .tree-items .section-list .section-item {
    -webkit-margin-after: 8px;
    margin-block-end: 8px; }

/* ---knowledge base tree---  */
.header-dropdowns {
  display: inline-block; }

@media (min-width: 1024px) {
  .profile-header .options {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }
/***** Subsection Code *****/
ul.section-list {
  list-style-type: disc;
  -webkit-padding-start: 18px;
  padding-inline-start: 18px;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.section-list .section-list-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 420px;
  flex: 1 0 420px;
  max-width: 100%;
  -webkit-margin-after: 15px;
  margin-block-end: 15px; }

.section-list-item a {
  color: var(--text-color);
  display: inline-block;
  max-width: 90%;
  vertical-align: top; }
.section-list-item i {
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  font-size: 16px; }

/* Subsection End */
.article-inner-content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80%;
  flex: 1 0 80%;
  max-width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/*Follow button  or Unfollow button*/
.article-subscribe,
.article-unsubscribe {
  height: 24px;
  background: var(--secondary-color);
  color: #fff;
  line-height: 22px;
  vertical-align: middle;
  border: none; }

.article .article-unsubscribe {
  background: black;
  border: none; }

zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  color: var(--secondary-color); }

#request-organization {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.blocks-item.category {
  -webkit-margin-after: 46px;
  margin-block-end: 46px; }
  .blocks-item.category .blocks-item-link {
    padding: 20px 0; }
    .blocks-item.category .blocks-item-link .blocks-item-title {
      margin: 0; }
  .blocks-item.category .block-icon-wrapper {
    -webkit-margin-after: 15px;
    margin-block-end: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    position: relative;
    height: 130px; }
    .blocks-item.category .block-icon-wrapper::after {
      content: " ";
      font-family: 'knk-icons' !important;
      color: rgba(0, 0, 0, 0.4);
      font-size: 3.4em;
      font-weight: 100;
      -webkit-padding-before: 0.2em;
      padding-block-start: 0.2em;
      display: inline-block;
      position: absolute;
      width: 1em; }
    .blocks-item.category .block-icon-wrapper > img {
      display: none !important; }
  .blocks-item.category:nth-child(even) .block-icon-wrapper {
    /* orange dot */
    background-image: url(https://theme.zdassets.com/theme_assets/264466/c2fa49d355f97cff37a1e5357eddc0684ea98849.svg); }
    .blocks-item.category:nth-child(even) .block-icon-wrapper::after {
      -webkit-margin-start: -0.3em;
      margin-inline-start: -0.3em; }
  .blocks-item.category:nth-child(odd) .block-icon-wrapper {
    /* blue dot */
    background-image: url(https://theme.zdassets.com/theme_assets/264466/a66b4918cb1928b639a01a66e6634cae9bbfd7e0.svg); }
    .blocks-item.category:nth-child(odd) .block-icon-wrapper::after {
      -webkit-margin-start: -0.7em;
      margin-inline-start: -0.7em; }
  .blocks-item.category:nth-child(1) {
    /* Tutorials: knk-developers */ }
    .blocks-item.category:nth-child(1) .block-icon-wrapper::after {
      content: "\41"; }
  .blocks-item.category:nth-child(2) {
    /* Participantes: knk-entries-sided */ }
    .blocks-item.category:nth-child(2) .block-icon-wrapper::after {
      content: "\f2"; }
  .blocks-item.category:nth-child(3) {
    /* Personalizacion: knk-edit */ }
    .blocks-item.category:nth-child(3) .block-icon-wrapper::after {
      content: "\65"; }
  .blocks-item.category:nth-child(4) {
    /* Publicacion y difusion: knk-promote-product */ }
    .blocks-item.category:nth-child(4) .block-icon-wrapper::after {
      content: "\e0ac"; }
  .blocks-item.category:nth-child(5) {
    /* Integraciones: knk-settings */ }
    .blocks-item.category:nth-child(5) .block-icon-wrapper::after {
      content: "\73"; }
  .blocks-item.category:nth-child(6) {
    /* Mi cuenta: knk-user  */ }
    .blocks-item.category:nth-child(6) .block-icon-wrapper::after {
      content: "\75"; }
  .blocks-item.category:nth-child(7) {
    /* Videotutoriales: knk-play-round */ }
    .blocks-item.category:nth-child(7) .block-icon-wrapper::after {
      content: "\e028"; }
  .blocks-item.category:nth-child(8) {
    /* FAQ: knk-questions */ }
    .blocks-item.category:nth-child(8) .block-icon-wrapper::after {
      content: "\71"; }
  .blocks-item.category:nth-child(9) {
    /* Actualizaciones: knk-new-item  */ }
    .blocks-item.category:nth-child(9) .block-icon-wrapper::after {
      content: "\cf"; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 85px; }