@charset "UTF-8";
/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background: linear-gradient(180deg, rgba(33,0,97,1) 10%, rgba(53,0,139,1) 100%);
  color: $color_3;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

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

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

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

h4 {
  font-size: 16px;
  font-weight: 600;
}

a {
  color: #fff;
  text-decoration: none;
}

/*article a, .comment a {
  color: #1368ce;
}*/

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

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

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

input:focus {
  /*border: 1px solid $color_1;*/
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("$assets-zd-dropdown-arrow-svg") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #737373;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid #1368ce;
}

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

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

textarea:focus {
  border: 1px solid #1368ce;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  padding: 0 10px;
}

.container-main {
  margin: 0 auto;
  z-index: 1;
  position: relative;
}

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

#statuspage.container {
  width: 100%;
  max-width: 100%;
  background-color: #f2f2f2;
}

.status-banner {
  margin-bottom: 0 !important;
}

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

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

.error-page h2, .error-page p{
  color: #3f3f3f;
}

.error-page a {
  color: #0d46e1;
}

.error-page .hero-section__content {
  align-items: center;
}

.dropdown-toggle {
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

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

.dropdown-menu {
  display:none;
  position: absolute;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  border-radius: 3px;
  padding: 10px 0;
  text-align: left;
  z-index: 1;
  min-width: 170px;
  border: 1px solid #d8d8d8;
}

.dropdown-menu.show {
  display: block!important;
  position: absolute;
}

.dropdown-item {
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-item:hover, .dropdown-item[aria-selected="true"] {
  background: #f3f3f3;
}

/***** Buttons *****/
.button, [role="button"] {
  border-radius: 3px;
  background-color:#298f0d;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  padding: 12px 16px;
  text-align: center;
  transition: background-color .3s;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}


  .button, [role="button"] {
    width: auto;
  }


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

.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] {
  color: #fff;
  text-decoration: none;
  background-color: #10c543;
}

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

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

.button-large, input[type="submit"] {
  background-color: #298f0d;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

.comment-btn {
  background-color: #1368ce;
  margin-bottom: 12px;
}

.vote-btn {
  /*background-color: #24076b;*/
  margin-bottom: 12px;
}

.vote-btn.vote-voted {
  background-color: #24076b;
}

.post-toolbar {
  color: #fff;
  display: flex;
  padding: 0 20px;
}

.post-vote {
  background: none;
  padding: 4px 8px;
  border: solid 2px #fff;
  border-radius: 6px;
  font-size: 0;
  margin-left: 12px;
  transition: 0.3s;
}

.post-vote:hover, .post-follow-tools div button[aria-pressed="false"]:hover {
  background: #5a46ff;
  cursor: pointer;
}

.post-vote:before {
  content:"Vote";
  font-size: 14px;
  font-weight: 600;
}

.post-voted {
  background: #5a46ff;
}

.post-voted:before {
  content:"Voted";
}

.post-voted:hover, .post-follow-tools div button[aria-pressed="true"]:hover {
  background: none;
}

.post-follow-tools div button {
  color: #fff;
  background: none;
  padding: 4px 8px;
  border: solid 2px #fff;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  margin-left: 12px;
  transition: 0.3s;
}

.post-follow-tools div button[aria-pressed="true"] {
  background: #5a46ff;
}

@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: #1c6009;
}


.comment-btn:hover, .comment-btn:active, .comment-btn:focus {
  background-color: #0542b9;
}

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

.button-secondary {
  color: lighten($color_3, 20%);
  border: 1px solid #ccc;
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: $color_3;
  border: 1px solid #ccc;
  background-color: darken($color_5, 3%);
}

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

.col-2 td {
  width: 50%;
}

.k-table {
  border: none;
  border-spacing: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.15);
  border-collapse: collapse;
}

.k-table td {
  border: 0 !important;
  text-align: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

td.table-title {
  background-color: #46178f;
  color: #fff;
  border: 0 !important;
}

td.table-col-header {
  background-color: #0542b9;
  color: #fff;
  border: 0 !important;
}

td.table-row-header {
  background-color: #864cbf;
  color: #fff;
  border: 0 !important;
}

.k-table tbody tr:first-child td:first-child {
  border-top-left-radius: .25rem;
}

.k-table tbody tr:first-child td:last-child {
  border-top-right-radius: .25rem;
}

.k-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .25rem;
}

.k-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: .25rem;
}

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

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

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

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

.requests .table th, .requests .table th a {
  color: #36009e;
  font-weight: 600;
}

.requests .table td a {
  color: #0d46e1;
}

@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-radius: 6px;
  box-shadow: 0 6px 6px #ccc;
  background: #fff;
  max-width: 1110px;
  margin: 10px;
  height: 1920px;
}

.form iframe {
  height: 1920px;
}*/

.form-field {
  margin-bottom: 20px;
}

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

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

.form-field input:focus {
  border: 1px solid #1368ce;
}

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

.form-field input[type="text"]:focus {
  border: 1px solid #1368ce;
}

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

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

.form-field .nesty-input:focus {
  border: 1px solid #1368ce;
  text-decoration: none;
}

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

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

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

.form-field p {
  color: lighten($color_3, 20%);
  font-size: 12px;
  margin: 5px 0;
}

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

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

.form footer a {
  color: lighten($color_3, 20%);
  cursor: pointer;
  margin-right: 15px;
}

/*.suggestion-list {
  font-size: 14px;
  margin: 20px;
}

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

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

.suggestion-list li a {
  color: #0d12aa;
}

.suggestion-list li a:visited {
  color: #0db0ff;
}*/

div[data-test-id="suggested-articles"] {
  display: none;
}

.searchbox h1, .searchbox h2, .searchbox h3, .searchbox h4, .searchbox h5, .searchbox p, .searchbox a, .searchbox input, .searchbox button {
  color: #3f3f3f;
}

.searchbox h2 {
  font-size: 24px;
}

/***** Header *****/
.header {
  padding: 2px 14px;
  background: #fff;
  width: 100%;
  /*border-bottom: solid 0.25rem; 
  border-image: linear-gradient(135deg, #ccc, #f2f2f2) 1;*/
  box-shadow: inset 0 -.125rem #f2f2f2;
}

.header-left {
  left: 0;
  border-radius: 0 0 6px 0;
}

.header-right {
  right: 0;
  border-radius: 0 0 0 6px;
}

.header-box {
  display: flex;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center; gap: 16px;
}

.logo a, .logo div {
  max-height: fit-content;
  display: flex;
}

.tplink-span {
  position: relative;
  bottom: -2px;
  padding-right: 2px;
}

.trustpilot-link {
  color: #191919;
  border: 1px solid #00b67a;
  padding: 8px 6px;
  font-weight: 600;
  font-size: 13px;
  display: flex;
}

.trustpilot-link:hover {
  text-decoration: none;
}

.tplink-logo, .tplink-span {
  height: 20px;
}

.logo-wide {
  height: 2rem;
}

.logo-short {
  display: none;
}

@media(max-width:768px) {
  .logo-wide {
    display: none;
  }
  .logo-short {
    display: inherit;
  }
}

.support-btn a {
  color: #0057FF;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 700;
  border: solid 1px #0057FF;
  border-radius: 4px;
  transition: 0.3s;
  display: flex;
  align-items: center;
}

.support-btn a:hover {
  color: #fff;
  background: #0057FF;
  text-decoration: none;
}

.support-btn a svg {
  fill: #0057FF;
  display: none;
  transition: 0.3s;
}

@media(max-width:600px) {
  .support-btn a svg {
    display: inherit;
  }
  .support-btn a:hover {
    background: none;
  }
  .support-btn-txt {
    display: none;
  }
  .support-btn a {
    padding: 0;
    border: none;
  }
}

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

.user-nav-chevron {
  height: 24px;
  vertical-align: middle;
}

.user-nav img,.user-nav svg {
  vertical-align: middle;
  height: 32px;
  border-radius: 50%;
  background-color: #36009e;
  fill: #fff;
}

.notification-notice {
  z-index: 3;
  position: fixed;
  background-color: #fff;
}

.notification-error {
  color: #e21b3c;
  font-weight: 400;
}

.user-nav[aria-expanded="true"] {
  background-color: $color_5;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px $color_3;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

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

.nav-wrapper {
  width: auto;
  margin-left: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/*.nav-wrapper a {
  border: 0;
  display: inline-block;
}*/

.nav-wrapper .login {
  background-color: transparent;
  color: #333;
}

.nav-wrapper .login:hover {
  text-decoration: underline;
}

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

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

.nav-wrapper .icon-menu {
  display: inline-block;
  margin-right: 10px;
  color: $color_4;
}

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

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

/***** User info in header *****/
.settings-menu {
  display: inline-block;
  margin-top: 6px;
  margin-left: 12px;
}

.signup a {
  background: #26890C;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  transition: 0.3s;
}

.signup a:hover {
  background: #195a08;
  text-decoration: none;
}

.nav-item:has(div .sign-in) {
  margin: 0 6px;
}

.sign-in {
  color: #333;
  background: none;
  font-size: 14px;
  padding: 0;
  transition: 0.3s;
}

.sign-in:hover {
  color: #0057ff;
  background: none;
}

.login-text:after {
  background: #0057ff;
  content: ' ';
  position: absolute;
  left: 0;
  top: 100%;
  height: .125rem;
  width: 0;
  transition: 0.3s;
}

.sign-in:hover .login-text:after {
  width: 100%;
}

.sign-in svg {
  vertical-align: middle;
  display: none;
}

@media (max-width: 600px) {
  .login-text {
    display: none;
  }
  .sign-in svg {
    display: inherit;
  }
}

.help-menu .nav-item-icon {
  position: relative;
  padding: 0 8px;
  border-radius: 2rem;
  border: solid 3px #36009e;
  font-size: 22px;
  font-weight: 600;
  transition: 0.3s;
}

.nav-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: .8125rem;
  font-weight: 400;
  border-radius: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  background-color: unset;
  color: #333;
}

.nav-item-icon img.help-icon {
  height: 48px;
}

.nav-item img {
  vertical-align: middle;
}

.active-nav-item {
  outline: -webkit-focus-ring-color auto 5px;
}

.nav-menu {
  display: none;
  position: absolute;
  background: #fff;
  margin-top: 2px;
  left: auto;
  right: 0;
  z-index: 3;
  -webkit-box-shadow: 0 0 0.1875rem 0 rgba(0,0,0,.5);
  box-shadow: 0 0 0.1875rem 0 rgba(0,0,0,.5);
  border: solid 1px #ccc;
  border-radius: .25rem;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -o-max-content;
  width: max-content;
}

.nav-menu-rtl {
  left: 0;
  right: auto;
}

.nav-item:focus .nav-menu:not(.nav-menu-rtl),
.nav-item:hover .nav-menu:not(.nav-menu-rtl),
.nav-item.focused .nav-menu:not(.nav-menu-rtl) {
  right: 0 !important;
  height: auto !important;
	overflow: visible !important;
}

/*language menu*/
.language-btn {
  border: solid 1px #000;
  border-radius: 1rem;
  padding: 0.1rem 0.2rem;
  font-weight: 600;
}

.language-btn .nav-item-icon {
  padding: 0;
  display: flex;
  align-items: center;
}

/*language menu*/
.mobile-menu {
  font-weight: 900;
  border: solid 1px #000;
  border-radius: 4px;
  padding: 0 8px;
}

.language-name {
  text-transform: uppercase;
  vertical-align: middle;
}

@media (max-width: 600px) {
  .language-name, .user-nav-chevron {
    display: none;
  }
  .language-btn {
    padding: 0;
  }
}

.active {
  display: block;
}

.nav-menu-item:hover, .nav-menu-item a:hover {
  background: #f3f3f3;
  text-decoration: none;
}

.nav-menu-item a {
  color: #333;
  padding: 6px 18px;
  line-height: 2rem;
}

.active {
  display: block;
}

.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: #333;
  font-weight: 700;
  background-color: transparent;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > [role="button"]:hover {
  background-color: transparent;
}

.user-info > [role="button"]::after {
  color: $color_4;
  padding-right: 15px;
}

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

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

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

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

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

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

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

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

.avatar .icon-agent::before {
  background-color: none;
  border-radius: 50%;
  bottom: -7px;
  right: -7px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='admin' title='Admin' viewBox='0 -960 960 960'%3E%3Cpath d='m368-354 112-82 110 82-45-133 112-81H521.356L480-700l-41.356 132H304l109 81-45 133ZM479.937-59q-149.063-38-245.5-172.105Q138-365.209 138-522.605v-251.976L480-903l343 128.452v251.618q0 157.519-97 291.724Q629-97 479.937-59Z' fill='%23d09b00' /%3E%3C/svg%3E ");
  position: absolute;
  overflow: hidden;
  height: 20px;
  width: 20px;
}

/***** Footer *****/
.page-footer {
  background-color: #333;
  color: #fff;
  position: relative;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.page-footer .inner {
  position: relative;
  z-index: 2;
}

.inner {
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
}

.page-footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

.footer-preference-centre {
  position: absolute;
  padding: 1rem;
  left: 0;
  bottom: 0;
  background-color: #1E0C54;
  border-radius: 0 20px 0 0;
  z-index: 2;
}

.footer-preference-centre:hover {
  text-decoration: none;
  text-shadow: 0 0 0.5rem #b5c2ff;
}

@media screen and (min-width: 760px) {
  .page-footer__links .page-footer__col.page-footer-new__col {
    width: calc(50% - 5px);
  }
  .page-footer__links .page-footer__col {
    width: calc(33.3333% - 5px);
  }
}

@media screen and (min-width: 900px) {
  .page-footer__links .page-footer__col.page-footer-new__col {
    width: calc(25% - 5px);
  }
  .page-footer__links .page-footer__col, .page-footer__links .page-footer__col.page-footer__col--social {
    width: calc(20% - 5px);
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.page-footer__links .page-footer__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 5px);
  margin-bottom: 40px;
}

/*.page-footer__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 5px);
  margin-bottom: 40px;
}*/

.page-footer .footer-nav__title {
  font-size: 1rem;
  font-weight: 900;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 1.25rem;
  color: #fff;
}

.page-footer a {
  color: #fff;
  text-decoration: none;
}

.page-footer ul, .page-footer li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.page-footer .footer-nav li {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.9rem;
}

.social-facebook a, .social-twitter a, .social-instagram a, .social-linkedin a, .social-kahoot a , .social-tiktok a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-base {
  margin-bottom: 40px;
}

.footer-base .copyright {
  display: block;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 25px;
  color: #fff;
}

.footer-nav--inline {
  margin-bottom: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-nav--inline ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 380px) {
  .footer-column-social {
    width: 80%;
    max-width: 280px;
  }
  .footer-column-social ul li {
    width: 50%;
  }
}

@media (max-width: 760px) {
  .page-footer__links, .page-footer__col {
    margin-bottom: .625rem;
  }
  .footer-nav.open {
    margin-bottom: 1.875em;
  }
  .footer-nav__title {
    cursor: pointer;
  }
  .footer-nav.open .footer-nav__title:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .footer-nav__title:after {
    content: ' ';
    background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/toggle.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 1.125rem;
    height: .625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: .25em;
    display: inline-block;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    position: relative;
    top: -.125rem;
  }
  .footer-nav.open .footer-nav__menu {
    max-height: 18.75em;
    opacity: 1;
  }
  .footer-nav__menu {
    max-height: 0;
    overflow: auto;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
  }
  .page-footer .footer-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .625rem;
  }
  .footer-nav--inline ul li, .page-footer__links .page-footer__col.page-footer__col--social ul li {
    width: 100%;
  }
  .page-footer .footer-nav li:before {
    content: '-';
    font-weight: 700;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.875rem;
    margin-right: .5rem;
  }
}

@media (min-width: 760px) {
  .page-footer__col {
    width: calc(33.3333% - 5px);
  }
  .footer-nav__title, .footer-nav--inline li, .footer-nav--inline ul li {
    width: auto;
    margin-right: 1.25em;
  }
  .footer-nav--inline, .footer-nav--inline ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .footer-base .copyright {
    margin-bottom: 0;
  }
}

@media (min-width: 900px) {
  .page-footer__links .page-footer__col, .page-footer__links .page-footer__col.page-footer__col--social {
    width: calc(20% - 5px);
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.footer-language-selector {
  color: lighten($color_3, 20%);
  /* display: inline-block; */
  display: none;
  font-weight: 300;
}

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

/***** Hero component *****/
.hero {
  background: linear-gradient(180deg, #46178f 0%, #25076b 100%, #25076b 100%);
  background: blue;
  background-position: center;
  background-size: cover;
  text-align: center;
  width: 100%;
}

.section .hero {
  margin-bottom: 0px;
}

.hero-header {
  color: #fff;
  vertical-align: middle;
  position: relative;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/*.hero:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/kahoot_shapes.svg);
  background-repeat: repeat 10px;
  background-position: left top;
  opacity: 0.04;
}*/

.hero-header h1 {
  padding: 60px 20px 0 20px;
  font-size: 44px;
  margin-bottom: 20px;
  text-align: left;
}

.hero-header div {
  text-align: left;
  font-size: 20px;
  /*text-shadow: -2px 2px 0 rgba(0,0,0,0.25);*/
  padding: 0 20px 50px 20px;
}

.hero-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1160px;
}

.env-section__top {
  position: relative;
  width: 100%;
  height: 150px;
  margin-top: -149px;
}

.envelope-top {
  position: relative;
  height: 150px;
  width: 100%;
  z-index: 0;
  background-color: #fff;
}

.searchbar {
  max-width: 600px;
  padding: 0px 10%;
  margin: 0 auto;
}

@media (min-width: 534px) {

  .searchbar {
    /*padding: 0px 5%;*/
}
 


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

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

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

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

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
  color: #46178F;
  padding-top: 0;
}

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

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

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

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

.sub-nav a, .sub-nav .breadcrumbs li {
  color: #888;
}

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

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

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

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

.envelope-overlap {
  margin-top: 36px;
  max-width: 1160px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.headlines {
  border-top: 2px solid #ccc;
  /*padding-top: 60px;*/
}

.headlines .blocks-item {
    /*padding: 0 0 15px 0;*/
    margin: 19px;
  }

.headlines .blocks-item .blocks-item-title {
  font-size: 25px;
  margin-top: -40px;
}
  
  .headlines .blocks-item .blocks-item-link {
    padding: 0;
    border: none;
    box-shadow: none;
  }

.headliner-image {
  margin-top: -20px;
}

.kb-header {
  max-width: 896px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}

.kb-cat-title {
  font-weight: 600;
  margin-left: 6px;
  color: #333333;
}

a .kb-cat-title:hover {
  text-decoration: underline;
}

.kb-title {
  text-align: left;
  margin-left: 0;
}

.kb-title h2 {
  color: #864cbf;
  margin-top: 20px;
  font-size: 2.5em;
  text-align: left;
}

.kb-title div {
  font-size: 1.3em;
}
  
.kb-searchbar {
  display: block;
  width: 100%;
  background-color: #25076b;
  color: #fff;
  font-weight: 700;
  margin: 0;
  max-width: 100%;
  border-radius: 0.25rem;
  position: relative;
}

.kb-search-question {
  display: block;
  padding: 20px 0 0 0;
  text-align: center;
}

.kb-searchbar .search-full {
  display: block;
  padding: 12px;
}

.kb-searchbar .search-full:before {
  margin-left: 10px;
}

@media (min-width:690px) {
 .kb-searchbar {
    padding: 0;
  }
  .kb-search-question {
    display: inline-block;
    text-align: left;
    padding: 20px;
  }
  .kb-searchbar .search-full {
    display: inline-block;
    float: right;
    width: calc(100% - 280px);
  }
}

@media (max-width: 690px) {
  .kb-header {
    /*max-width: 300px !important;*/
  }
}
  
  .blocks-list.kb-categories {
    /*margin-top: 20px;*/
  }
  
  .kb-categories .blocks-item {
    padding: 0 0 15px 0;
    text-align: left;
  }
  
  .kb-categories .blocks-item:hover {
    text-decoration: none;
  }
  
  .kb-categories .blocks-item .blocks-item-link {
    padding: 0;
    border: none;
    box-shadow: none;
  }

.kb-section-link {
  margin-left: 6px;
}

.kb-section-link a:hover {
  color: #333;
  text-decoration: underline;
}

.kb-cat-container.id115000091647 {
  background-image: url("$assets-2019-01-helpcenter_01_aboutkahoot-png");
  background-size: 270px 90px;
}
.kb-cat-container.id115000091607 {
  background-image: url("$assets-2019-01-helpcenter_02_createshare-png");
  background-size: 270px 90px;
}
.kb-cat-container.id115000098848 {
  background-image: url("$assets-2019-01-helpcenter_03_playdiscover-png");
  background-size: 270px 90px;
}
.kb-cat-container.id115000098868 {
  background-image: url("$assets-2019-01-helpcenter_05_kschools-png");
  background-size: 270px 90px;
}
.kb-cat-container.id115000098888 {
  background-image: url("$assets-2019-01-helpcenter_04_mobileapps-png");
  background-size: 270px 90px;
}
.kb-cat-container.id115000091707 {
  background-image: url("$assets-2019-01-helpcenter_06_kbusiness-png");
  background-size: 270px 90px;
}
.kb-cat-container.id360001401913 {
  background-image: url("$assets-2019-01-helpcenter_07_kfamilyfriends-png");
  background-size: 270px 90px;
}
.kb-cat-container.id360001447994 {
  background-image: url("$assets-2019-01-helpcenter_09_kpublishers-png");
  background-size: 270px 90px;
}
.kb-cat-container.useful-links {
  background-image: url("$assets-2019-01-helpcenter_08_usefullinks-png");
  background-size: 270px 90px;
}

.kb-cat-container.id360004465494 {
  background-image: url("$assets-2019-01-helpcenter_03_playdiscover-png");
  background-size: 270px 90px;
}
.kb-cat-container.id360004516853 {
  background-image: url("$assets-2019-01-helpcenter_06_kbusiness-png");
  background-size: 270px 90px;
}
.kb-cat-container.id360004516873 {
  background-image: url("$assets-2019-01-helpcenter_05_kschools-png");
  background-size: 270px 90px;
}

.kb-cat-container {
  margin: 0 5px 0 5px;
  min-height: 90px;
}

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

@media (max-width: 1034px) {
  .kb-header {
    /*max-width: 580px;*/
  }
}

.blocks-item {
  box-sizing: border-box;
  color: #737373;
  display: flex;
  flex: 0 0 17rem;
  flex-direction: column;
  margin: 0 0 30px 0;
  max-width: 100%;
  text-align: center;
  z-index: 1;
}
.kb-categories .blocks-item {
  flex: 0 0 280px;
  padding-top: 10px;
  margin: 0 15px 30px;
}

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

.blocks-item-internal {
  background-color: transparent;
}

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

.blocks-item-internal a {
  color: $color_3;
}

.blocks-item-link {
  color: $color_1;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px #ccc;
}

.blocks-item-box {
  padding: 10px 10px;
  margin: 6px;
}

.topics div img {
  display: inline;
}

.ambassador-forum h3 {
  color: #864cbf;
  display: inline;
  vertical-align: top;
}

.discussion h3 {
  color: #eb670f;
  display: inline;
  vertical-align: top;
}

.suggestions h3 {
  color: #e21b3c;
  display: inline;
  vertical-align: top;
}

.ambassador-forum .blocks-item-box {
  border-left: 4px solid #864cbf;
}

.discussion .blocks-item-box {
  border-left: 4px solid #eb670f;
}

.suggestions .blocks-item-box {
  border-left: 4px solid #e21b3c;
}

.knowledge-base .blocks-item-link {
  padding-bottom: 15px;
  padding-top: 15px;
}

.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
  text-decoration: none;
  color: #1368ce;
  border: 1px solid #1368ce;
  border-radius: 0.25rem;
}

.blocks-item-title {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}

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

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

.blocks-item-content {
  display: inline-block;
  flex: 0 0 17rem;
  flex-direction: row;
  width: 300px;
}

.blocks-item-data {
  display: inline-block;
  flex: 0 0 17rem;
  flex-direction: row;
}

.blocks-item-data ul li {
  text-align: top;
}

.static-posts {
  margin: 10px auto 0;
  text-align: center;
}

.static-posts a {
  border: 1px solid #1368ce;
  padding: 6px 10px 6px 10px;
}

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

/***** Promoted articles *****/
section.faq, h3.help-topic-header {
  max-width:896px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

section.faq h3, h3.help-topic-header {
  text-align: left;
  margin-bottom: 0px;
}

ul.promoted-articles {
  justify-content: center;
}

section.faq ul {
  text-align: left;
}

.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

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

.promoted-articles-item {
  flex: 0 0 280px;
  margin: 0 15px 10px;
  padding: 0 0 15px 0;
}

@media (min-width: 756px) {
  .promoted-articles-item {
    /*padding-right: 10px;*/
  }
}

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

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

.promoted-articles-item a {
  border-bottom: 1px solid #ccc;
  color: $color_3;
  display: block;
  padding: 4px 0;
}

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

@media (min-width: 300px) {
  .promoted-articles-item a {
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    text-align: center;
    padding-left: 4px;
    font-weight:600;
  }
  .promoted-articles-item a div {
    border-left: 4px solid #864cbf;
    padding: 15px 10px;
    
  }
  
  .promoted-articles-item a:hover {
    border: 1px solid #45a3e5;
    text-decoration: none;
  }
  
  .promoted-articles-item:last-child a {
    border: 1px solid #ccc;
    border-radius: 0.25rem;
  }
  
  .promoted-articles-item:last-child a:hover {
    border: 1px solid #45a3e5;
  }
}

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

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

/***** Recent activity *****/
.kb-recentactivity {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

.recent-activity-header {
  color: #298f0d;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  min-width: 212px;
  margin: 0;
}

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

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

.recent-activity-item-parent {
  font-size: 14px;
  /*color: #298f0d;*/
  color: $color_3;
  width: 100%
}

.recent-activity-item-link {
  color: #298f0d;
  font-weight: 600;
  font-size: 14px;
}

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

.recent-activity-item h3 {
  margin-bottom: 0;
  font-weight: 400;
}

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

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

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

.recent-activity-item-time, .recent-activity-item-comment {
  color: lighten($color_3, 20%);
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

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

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

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

.recent-activity-item-comment span::before {
  color: $color_1;
  /*content: "\1F4AC";*/
  display: inline-block;
  font-size: 15px;
  padding-right: 3px;
  vertical-align: middle;
}

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

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

/***** Category pages *****/
.category-container {
  min-height: calc(100vh - 780px);
  /*background-color: #e8e8e8;*/
}

.category-banner {
  background: url(/hc/theming_assets/01JT6CSQNQFR27RHXRFCT7PYZP);
  background-size: cover;
  background-position-y: 30%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
  filter: grayscale(100%) brightness(1);
}

.category-banner-overlay {
  position:absolute;
  background:#3B05A2;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
  width: 100%;
  margin-top: -400px;
  opacity: 0.7;
  filter: brightness(1.3);
}

.category-banner, .category-banner-overlay {
  height: 400px;
}

.category-content {
  position: relative;
  margin-top: -360px;
  padding-bottom: 12vw;
}

.category-headline {
  margin: 0 auto;
}

.category-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1110px;
  max-width: calc(100vw - 40px);
  margin: 0 auto;
}

.home-button:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' height='20px' viewBox='0 -960 960 960'%3E%3Cpath d='M270.78-222.78H347V-469h266v246.22h76.22v-337.83L480-717.52 270.78-560.61v337.83Zm-98 98v-484.83L480-840.31 787.22-609.8v485.02H523.48v-254.7h-86.96v254.7H172.78ZM480-469.87Z' fill='%23fff' /%3E%3C/svg%3E ");
  top: 3px;
  position: relative;
  padding-right: 4px;
}

.category-search {
  width: 100%;
  max-width: 300px;
  background-color: #fff;
  border-radius: 6px;
  align-content: center;
}

.category-search #query {
  line-height: 1.8;
  background: none;
  border: none;
  width: calc(100% - 30px);
}

.category-search:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' height='20px' viewBox='0 -960 960 960'%3E%3Cpath d='M763.87-122.52 520.91-365.48q-29.43 19.74-64.94 31.11Q420.46-323 379.51-323q-105.12 0-179.08-73.96-73.95-73.95-73.95-179.04 0-105.09 73.95-179.04Q274.39-829 379.48-829q105.09 0 179.04 73.96 73.96 73.95 73.96 179.07 0 41.52-11.37 76.46-11.37 34.94-31.11 63.81l243.52 244.09-69.65 69.09ZM379.48-421q64.91 0 109.95-45.04 45.05-45.05 45.05-109.96t-45.05-109.96Q444.39-731 379.48-731t-109.96 45.04Q224.48-640.91 224.48-576t45.04 109.96Q314.57-421 379.48-421Z' fill='%23666' /%3E%3C/svg%3E ");
  top: 3px;
  position: relative;
  padding: 0 4px;
}

.category-toolbar {
  display: flex;
  gap: 0px;
  flex-flow: row wrap;
  width: 1110px;
  max-width: calc(100vw - 40px);
  margin: 10px auto;
  color: #fff;
}

.cat-toolbar-btn {
  padding: 6px 12px 2px;
  background: #36009e;
  border-bottom: solid 4px #1e0c54;
  transition: 0.3s;
}

.cat-toolbar-btn:first-child {
  border-radius: 6px 0 0 6px;
}

.cat-toolbar-btn:last-child {
  border-radius: 0 6px 6px 0;
}

.cat-toolbar-btn span {
  padding-left: 24px;
}

.cat-toolbar-btn#openAll:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' height='20px' viewBox='0 -960 960 960'%3E%3Cpath d='M480-339.74 657.83-517 591-583.26l-111 111-111-111L302.17-517 480-339.74Zm0 262.96q-83.52 0-156.91-31.46-73.38-31.46-128.38-86.47-55.01-55-86.47-128.38Q76.78-396.48 76.78-480q0-84.52 31.46-157.41 31.46-72.88 86.47-127.88 55-55.01 128.38-86.47 73.39-31.46 156.91-31.46 84.52 0 157.41 31.46 72.88 31.46 127.88 86.47 55.01 55 86.47 127.88 31.46 72.89 31.46 157.41 0 83.52-31.46 156.91-31.46 73.38-86.47 128.38-55 55.01-127.88 86.47Q564.52-76.78 480-76.78Z' fill='%23fff' /%3E%3C/svg%3E ");
  margin-top: 1px;
  position: absolute;
}

.cat-toolbar-btn#closeAll:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' height='20px' viewBox='0 -960 960 960'%3E%3Cpath d='m480-487.74 111 111L657.83-443 480-620.26 302.17-443 369-376.74l111-111Zm0 410.96q-83.52 0-156.91-31.46-73.38-31.46-128.38-86.47-55.01-55-86.47-128.38Q76.78-396.48 76.78-480q0-84.52 31.46-157.41 31.46-72.88 86.47-127.88 55-55.01 128.38-86.47 73.39-31.46 156.91-31.46 84.52 0 157.41 31.46 72.88 31.46 127.88 86.47 55.01 55 86.47 127.88 31.46 72.89 31.46 157.41 0 83.52-31.46 156.91-31.46 73.38-86.47 128.38-55 55.01-127.88 86.47Q564.52-76.78 480-76.78Z' fill='%23fff' /%3E%3C/svg%3E ");
  margin-top: 1px;
  position: absolute;
}

.cat-toolbar-btn:hover {
  background: #5a46ff;
  cursor: pointer;
}

.category-sections {
  display: flex;
  gap: 16px;
  flex-flow: row wrap;
  justify-content: center;
  width: 1110px;
  max-width: calc(100vw - 40px);
  margin: 0 auto;
}

.section-tile-container {
  width: 100%;
  margin-bottom: 16px;
  height: max-content;
}

.section-tile {
  padding: 12px 18px;
  background-color: #f6f6f6;
  border-radius: 8px;
  color: #333;
  display: flex;
  gap: 16px;
  transition: 0.3s;
  box-shadow: 0 4px 10px #1E0C54;
}

@media (min-width: 1000px) {
  .section-tile-container {
    max-width: 600px;
    flex: 1 1 45%;
  }
}

.section-tile:hover {
  text-decoration: none;
  background-color: #fcfcfc;
  cursor: pointer;
}

.section-tile-img {
  max-width: 60px;
}

.section-tile-text {
  width: calc(100% - 140px);
}

.section-tile-title {
  font-weight: 600;
  font-size: 20px;
}
.section-tile-desc {
  font-size: 14px;
}

.section-tile-chevron {
  max-width: 60px;
  align-content: center;
  transform: rotate(0deg);
  transition: 0.4s;
}

.section-articles {
  width: calc(100% - 20px);
  background: #36009e;
  margin: 0 auto;
  padding: 0 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 10px #1E0C54;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}

.section-articles.open {
  max-height: 1200px;
}

.section-articles ul, .section-more {
  opacity: 0;
  transition: 0.4s;
}

.section-articles.open ul, .section-articles.open .section-more {
  opacity: 1;
}

.section-tile.open .section-tile-chevron {
  transform: rotate(180deg);
}

.section-article {
  line-height: 1.8em;
  list-style: "- " inside;
  color: #fff;
  transition: 0.3s;
  padding: 0 18px;
}

.section-article a, .section-more a {
  text-shadow: 0 2px 3px #00040b, 0 0 2px #00040b;
  font-weight: 500;
}

.section-more a {
  font-weight: 700;
}

.section-article:first-child {
  margin-top: 18px;
}

.section-article:hover, .section-more:hover {
  background: #5a46ffdd;
}

.section-article a:hover, .section-more a:hover {
  text-decoration: none;
}

.section-more {
  font-weight: 600;
  padding: 6px 28px 12px;
  margin-top: -12px;
}

.section-article:last-child {
  margin-bottom: 12px;
}

.icon-star::before {
  color: $color_1;
  font-size: 18px;
}

/***** Section pages *****/
.section-page {
  min-height: calc(100vh - 780px);
}

.section-banner {
  background: url(/hc/theming_assets/01JRRJHV1X9X5FMVAC06902PBP);
  background-size: cover;
  background-position-y: 50%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
  filter: grayscale(100%);
}

.section-banner-overlay {
  position:absolute;
  background:#3B05A2;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
  width: 100%;
  margin-top: -400px;
  opacity: 0.7;
  filter: brightness(1.3);
}

.section-banner, .section-banner-overlay {
  height: 400px;
}

.section-content {
  position: relative;
  margin-top: -360px;
  padding-bottom: 12vw;
}

.section-headline {
  color: #fff;
  text-align: center;
  text-shadow: 0 0 6px #333;
}

.section-desc {
  font-weight: 600;
}

.section-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8px 0;
  width: 1110px;
  max-width: calc(100vw - 40px);
  margin: 0 auto;
}

.section-toolbar {
  display: flex;
  flex-flow: row wrap;
  width: 1110px;
  max-width: calc(100vw - 40px);
  margin: 0 auto 10px;
  min-height: 24px;
}

.section-page-filter:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960'%3E%3Cpath d='M456.18-172.78q-17.53 0-30.46-12.84-12.94-12.83-12.94-30.38v-220.22L182.3-717.7q-16.91-21.6-5.28-45.56 11.62-23.96 38.98-23.96h528q27.36 0 38.98 23.96 11.63 23.96-5.28 45.56L547.22-436.22v226.44q0 15.85-10.56 26.42-10.56 10.58-26.38 10.58h-54.1Z' fill='%23666' /%3E%3C/svg%3E ");
  position: absolute;
  margin: 6px 0 0 6px;
}

#searchArticles {
  border-radius: 8px;
  padding: 4px 4px 4px 24px;
}

.section-search-btn {
  border-radius: 0 6px 6px 0;
  background: #9a78ff;
  padding: 0 6px;
}

.section-search-btn:hover {
  cursor: pointer;
}

.nomatch {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 !important;
}

#noMatches {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
}

#noMatches.noresults {
  max-height: 300px;
  opacity: 1;
  position: relative;
  bottom:-18px;
  background: linear-gradient( 179deg, transparent 60%, #25076b 75%);
  mask-image: linear-gradient(90deg, transparent 1%, black 5%, black 95%, transparent 99%);
}

#noMatches.noresults div {
  margin: 0 auto 24px;
  text-align: center;
}

.spaceman {
  animation: space 4s ease-in-out infinite;
}

@keyframes space {
  0% {
    transform: translateY(0) rotate(0deg) translateX(0);
  }
  50% {
    transform: translateY(-5px) rotate(-2deg) translateX(-5px);
  }
  100% {
    transform: translateY(0) rotate(0deg) translateX(0);
  }
}

.section-article-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1110px;
  max-width: calc(100vw - 40px);
  margin: 0 auto;
  flex-direction: column;
  background: #25076bdd;
  border-radius: 8px;
  padding: 18px 24px;
  color: #fff;
  overflow: hidden;
  position:relative;
}



.section-list-icon {
  position: absolute;
  width: 80% !important;
  max-width: 800px;
  margin-left: 20%;
  transition: 0.3s;
  z-index: 0;
  opacity: 0.5;
}

.section-article-listing {
  border-bottom: solid 1px #888;
  padding: 12px;
  transition: 0.3s;
  z-index: 1;
}

.section-article-listing:last-child {
  border-bottom: none;
}

.section-article-listing:hover {
  background: #5a46ff44;
}

/***** Article *****/
.article-page {
  min-height: calc(100vh - 780px);
}

.article-banner {
  background: linear-gradient(110deg, #999 0%, #222 40%, #333 60%, #bbb 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
}

.article-banner-overlay {
  position:absolute;
  background:#3B05A2;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
  width: 100%;
  margin-top: -400px;
  opacity: 0.7;
  filter: brightness(1.3);
}

.article-banner, .article-banner-overlay {
  height: 400px;
}

.article-content {
  position: relative;
  margin-top: -360px;
  padding-bottom: 12vw;
}

.article-headline {
  color: #fff;
  text-align: center;
  text-shadow: 0 0 6px #333;
}

.article-toolbar {
  max-width: 1110px;
  margin: auto;
  display:flex;
  gap: 16px;
  justify-content: space-between;
  padding: 0 20px;
}

@media (max-width: 480px) {
  .article-toolbar {
    display: block;
  }
  .related-menu {
    left: 0;
  }
}

.article-tb-left, .article-tb-right {
  display: flex;
  gap: 16px;
}

.article-related {
  position: relative;
}

.article-follow, .article-follow button, .article-related, .article-related button {
  background: none;
  border: none;
  display: block;
}

.article-follow, .article-related {
  background: none;
  border-radius: 6px;
  transition: 0.3s;
  padding: 2px 6px;
}

.article-follow:hover, .article-related:hover {
  cursor: pointer;
  background: #5a46ff;
}

.article-follow.active, .article-related.active {
  background: #5a46ff;
}

.follow-label, .related-label {
  display: inline-block;
}

.follow-menu, .related-menu {
  gap: 8px;
  align-items: center;
  cursor: default;
  display: none;
  position: absolute;
  width: max-content;
  max-width: 90vw;
  background: #35008b;
  border-radius: 6px;
  padding: 8px 8px 8px 12px;
  box-shadow: 0 2px 2px #1E0C54;
}

.related-title {
  font-weight: 600;
  text-shadow: 0 -1px 2px #000, 0 1px 3px #000;
  display: flex;
}

.related-menu {
  right: 8px;
}

.follow-desc, .related-desc {
  border-right: solid 2px #fff;
  padding-right: 8px;
}

.follow-menu button, .related-menu button {
  font-weight: 600;
  border-radius: 3px;
  padding: 2px 4px;
}

.follow-menu button:hover, .related-menu button:hover, .follow-container button:hover {
  cursor: pointer;
  background: #5a46ff;
}

.follow-container button {
  background-color: #35008b;
  padding: 2px 8px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  text-shadow: 0 -1px 2px #000, 0 1px 3px #000;
  display: flex;
  gap: 8px;
  align-items: center;
  transition: 0.3s;
}

.follow-icon, .follow-container div button:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='followSvg' alt='follow' viewBox='0 -960 960 960'%3E%3Cpath d='M280-280q-33 0-56.5-23.5T200-360v-400q0-33 23.5-56.5T280-840h560q33 0 56.5 23.5T920-760v400q0 33-23.5 56.5T840-280H280Zm280-188L280-663v303h560v-303L560-468Zm0-98 280-194H280l280 194ZM120-120q-33 0-56.5-23.5T40-200v-500h80v500h660v80H120Zm720-546v-94H280v94-94h560v94Z' fill='%23fff' /%3E%3C/svg%3E ");
  width: 20px;
}

.follow-icon.subscribed, .follow-container div.followed button:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='followSvg' alt='unfollow' viewBox='0 -960 960 960'%3E%3Cpath d='M120-80q-33 0-56.5-23.5T40-160v-520h80v520h600v80H120Zm440-334L280-578v258h560v-258L560-414ZM280-240q-33 0-56.5-23.5T200-320v-340q0-21 9.5-40t28.5-30l322-190 80 47-352 207 272 160 270-160q15-9 30.5-8.5T890-666q14 8 22 21.5t8 30.5v294q0 33-23.5 56.5T840-240H280Zm280-320L448-672l56-56 56 56 142-142 56 56-198 198Zm0 240h280-560 280' fill='%23fff' /%3E%3C/svg%3E ");
}

section.related-articles {
  width: max-content;
  text-align: left;
  max-width: 100%;
}

section.related-articles h2 {
  display: none;
}

section.related-articles li {
  padding: 4px 8px;
  font-weight: 600;
  text-shadow: 0 -1px 2px #000, 0 1px 3px #000;
  transition: 0.3s;
  
}

section.related-articles li:before {
  content: "-";
  margin-right: 4px;
}

section.related-articles li:hover {
  background: #5a46ff;
}

.article {
  flex: 1 0 auto;
  background: #fff;
  border-radius: 6px;
  padding: 0 10px;
  max-width: 100%;
}

.article-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 20px;
  max-width: 1110px;
  margin: 0 auto;
}

.article-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 18px;
}

.article-container article {
  max-width: 1110px;
}

.article-container a {
  color: #1368CE;
  font-weight: 600;
}

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

.lh-header {
  max-width: 900px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*pre is used for code blocks in API articles*/
.article-body pre {
  background: #1e0c54;
  border-radius: 6px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  color: #3bff96;
}

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

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

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

.article-comment-count {
  color: lighten($color_3, 20%);
  font-weight: 300;
}

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

.article-comment-count .icon-comments {
  color: $color_1;
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

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

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

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

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

.article-relatives > * {
  flex: 1 0 50%;
  margin-right: 0;
}

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

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

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

.article-vote {
  background: transparent;
  border: 1px solid #222;
  color: #222;
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

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

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

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

.article-vote:focus, .article-vote:active {
  background-color: transparent;
  color: $color_1;
}

.article-vote-down:hover {
  background-color: #ff3354;
}

.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
  color: $color_2;
}

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

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

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

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

.comment-sorters {
  padding: 10px 0;
}

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

.article-return-to-top a {
  color: $color_3;
  display: block;
  padding: 20px 0;
}

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

.article-return-to-top .icon-arrow-up::before {
  font-size: 16px;
  margin-left: 5px;
}

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

.article-unsubscribe {
  background-color: $color_1;
  color: $color_2;
  text-decoration: none;
}

.article-unsubscribe:hover {
  background-color: darken($color_1, 20%);
  border-color: darken($color_1, 20%);
}

.sidenav-item.current-article, .sidenav-item:hover {
  color: #45a3e5;
  text-decoration: none;
}

.sidenav-item[aria-selected="true"] {
  background: #46178f;
  color: #fff;
}

.other-articles {
  display: none;
}

.other-articles h2 {
  color: #46178f;
  font-size: 22px;
}

.other-articles li {
  margin-bottom: 6px;
}

.side-articles {
  width: 200px;
  margin-left: 18px;
}

.side-articles section {
  width: inherit;
}

.side-articles h2 {
  /*color: #46178f;*/
  font-size: 20px;
}

.side-articles a {
  color: #0db0ff;
  font-size: 14px;
}

.side-articles ul {
  margin-bottom: 24px;
}

.side-articles li {
  margin: 6px 0;
}

@media (max-width: 1110px) {
  .article-container {
    display: block;
    max-width: 100%;
  }
  .article-container article {
    max-width: 96%;
    margin: 0 auto;
    padding-bottom: 16px;
  }
  .article-container section {
    width: inherit;
  }
  .other-articles {
    justify-content: center;
    gap: 24px;
  }
  .other-articles, .related-articles, .section-articles {
    display: flex;
  }
  .related-articles, .section-articles {
    flex-direction: column;
  }
  section.other-articles, section.related-articles, section.section-articles {
    width: 100%;
  }
  .other-articles .related-articles, .other-articles .section-articles {
    width: 45%;
  }
  .side-articles {
    display: none;
  }
}

@media (max-width: 780px) {
  .other-articles, .related-articles, .section-articles {
    display: block;
  }
  .other-articles .related-articles, .other-articles .section-articles {
    width: 100%;
  }
}

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

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

.attachments .attachment-item::before {
  color: $color_3;
  content: "\1F4CE";
  font-size: 15px;
  left: 0;
  position: absolute;
  top: 5px;
}

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

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

.upload-dropzone {
  border: 1px solid #737373;
}

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

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

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

.share li a svg {
  height: 25px;
  width: 25px;
  margin-right: 10px;
}

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

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

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

.share a:hover::before {
  color: $color_1;
}*/

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
section.comments {
  margin: 18px auto 0;
}

.comment-list {
  width: 100%;
  justify-content: center;
}

.comment {
  /*padding: 20px;
  margin: 0 auto 10px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 6px #ccc;
  max-width: 1110px;*/
}

.comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment p, .comment a, .comment input, .comment button {
  color: #3f3f3f;
}

.comment a {
  color: #0d12aa;
}

.comment-heading {
  margin-bottom: 5px;
  margin-top: 0;
  /*color: #1e0c54;*/
  display: inline-block;
}

.community-container .comment-heading {
  color: #e6e6e6;
}

.comment-overview {
/*margin-left: 40px;*/
  margin: 0 8%;
}

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

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

.comment-callout a {
  color: $color_1;
}

.comment-sorter {
  display: inline-block;
  /*float: right;*/
  margin-left: 32px;
}

.comment-sorter a {
  color: #e6e6e6;
  font-weight: 300;
  font-size: 13px;
  text-decoration: none;
}

.comment-sorter .nav-menu-item a {
  color: #333;
}

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

.comment-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 20px;
  margin: 0 auto;
  background: #fff;
  border-radius: 6px;
  max-width: 90%;
}

.comment-tail {
  background: #fff;
  height: 20px;
  width:40px;
  display: block;
  margin-left: 5%;
  position: absolute;
  clip-path: polygon(20% -4%, 100% -4%, 0% 100%);
}

.comment-details {
  max-width: 95%;
  margin: 10px auto 32px;
  column-count: 2;
}

.comment-vote-container {
  margin: 20px 10% 0 0;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.comment-vote-container span {
  display: flex;
  flex-wrap: wrap;
  align-content: end;
  color: #e6e6e6;
}

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

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

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

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

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

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

.comment-meta {
  flex: 1 0 auto;
  color: #e6e6e6;
  font-weight: 600;
}

.comment-meta a {
  color: #e6e6e6;
  font-weight: 600;
}

.comment-labels {
  flex-basis: 100%;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

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

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

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

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

.comment-container {
  width: 100%;
}

.comment-container input {
  color: #333;
}

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

.comment-form-controls input {
  color: #e6e6e6;
  font-weight: 600;
}

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

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

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

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

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

.comment-ccs {
  display: none;
}

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

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

.comment-attachments a {
  color: $color_1;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
  width: unset;
}

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

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

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

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

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

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

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

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

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

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

.vote a {
  outline: none;
}

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

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

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

/*.vote-up {
  border: none;
  
}

.vote-up::before {
  content: url($assets-thumb_up-svg);
  text-align: center;
  display: inline;
}*/

.plus-one {
  border: none;
  background: none;
  font-size: 0;
  margin: -6px 0 0 5px;
}

.plus-one:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' viewBox='0 -960 960 960'%3E%3Cpath d='m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.45 68.5-171.12 68.5-68.66 170.71-68.66 51.4 0 97.85 19.74 46.46 19.73 82.15 56.91 35.7-37.18 82.15-56.91 46.46-19.74 97.85-19.74 102.7 0 171.53 68.66 68.82 68.67 68.82 171.12 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Zm0-142.48q94.87-86 156.03-146.09 61.15-60.08 96.3-104.73 35.15-44.66 48.59-78.83 13.43-34.17 13.43-67.86 0-57.75-38.31-95.77-38.3-38.02-95.76-38.02-45.01 0-83.88 26.5t-53.87 67.5h-84.48q-14.73-41-54.02-67.5-39.29-26.5-83.87-26.5-56.92 0-94.86 38.02-37.95 38.02-37.95 95.76 0 34.3 13.69 69.08 13.68 34.79 48.87 79.38 35.18 44.58 95.77 104.39 60.59 59.8 154.32 144.67Zm1.14-265.65Z' fill='%23c2a5df' /%3E%3C/svg%3E ");
  height: 24px;
  width: 24px;
  display: block;
  cursor: pointer;
}

.plus-one:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' viewBox='0 -960 960 960'%3E%3Cpath d='m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.48 68.37-171.13 68.37-68.65 170.84-68.65 51.44 0 97.87 19.74 46.44 19.73 82.13 56.91 35.7-37.18 82.14-56.91 46.43-19.74 97.86-19.74 102.48 0 171.42 68.65 68.93 68.65 68.93 171.13 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Z' fill='%23c2a5df' /%3E%3C/svg%3E ");
}

.comment-vote-container__title {
  display: flex;
  color: #fff;
}

.comment-vote-container__title .plus-one:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' viewBox='0 -960 960 960'%3E%3Cpath d='M716-120H272v-512l278-288 39 31q6 5 9 14t3 22v10l-45 211h299q24 0 42 18t18 42v81.839q0 7.161 1.5 14.661T915-461L789-171q-8.878 21.25-29.595 36.125Q738.689-120 716-120Zm-384-60h397l126-299v-93H482l53-249-203 214v427Zm0-427v427-427Zm-60-25v60H139v392h133v60H79v-512h193Z' fill='%23fff' /%3E%3C/svg%3E ");
}

.comment-vote-container__title .plus-one:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='vote' viewBox='0 -960 960 960'%3E%3Cpath d='M716-120H272v-512l278-288 39 31q6 5 9 14t3 22v10l-45 211h299q24 0 42 18t18 42v81.839q0 7.161 1.5 14.661T915-461L789-171q-8.878 21.25-29.595 36.125Q738.689-120 716-120Zm-384-60h397l126-299v-93H482l53-249-203 214v427Zm0-427v427-427Zm-60-25v60H139v392h133v60H79v-512h193Z' fill='%23a2e2ff' /%3E%3C/svg%3E ");
}

.vote-voted:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='voted' viewBox='0 -960 960 960'%3E%3Cpath d='M360-266h230q14 0 23.5-6t16.5-18l78-182q2-5 3.5-15t1.5-15v-24q0-14-6.5-20.5T686-553H472l29-138q2-8 0-15t-7-12l-21-22-161 174-8 16q-4 8-4 17v207q0 23 18 41.5t42 18.5ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.comment-vote-container__title .vote-voted:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='voted' viewBox='0 -960 960 960'%3E%3Cpath d='M360-266h230q14 0 23.5-6t16.5-18l78-182q2-5 3.5-15t1.5-15v-24q0-14-6.5-20.5T686-553H472l29-138q2-8 0-15t-7-12l-21-22-161 174-8 16q-4 8-4 17v207q0 23 18 41.5t42 18.5ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z' fill='%2310e573' /%3E%3C/svg%3E ");
}

.comment-vote-container__title .vote-voted:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='voted' viewBox='0 -960 960 960'%3E%3Cpath d='M360-266h230q14 0 23.5-6t16.5-18l78-182q2-5 3.5-15t1.5-15v-24q0-14-6.5-20.5T686-553H472l29-138q2-8 0-15t-7-12l-21-22-161 174-8 16q-4 8-4 17v207q0 23 18 41.5t42 18.5ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z' fill='%233bff96' /%3E%3C/svg%3E ");
}

.post-vote .vote-down {
  display:none;
}

.post-actions .dropdown .dropdown-toggle {
  margin: 0;
}

.vote > button {
  font-size: 0;
  background: white;
  cursor: pointer;
}

.post-vote.vote-up:before {
  content: {{t 'vote'}};
  color: #666;
}

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

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

.actions button:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='options' title='options' aria-label='options' height='24px' viewBox='0 -960 960 960'%3E%3Cpath d='M140-254.62v-59.99h680v59.99H140ZM140-450v-60h680v60H140Zm0-195.39v-59.99h680v59.99H140Z' fill='%231f1f1f' /%3E%3C/svg%3E ");
}

.post-actions-wrapper {
  text-align: center;
}

/***** Community *****/
.community-main {
  flex: 1 0 100%;
}

.community-main h2 {
  text-transform: uppercase;
  color: #46178f;
  border-bottom: 1px solid #ccc;
}

.community-sidebar {
  flex: 1 0 100%;
  padding-left: 4%;
}

@media (min-width: 896px) {
  .community-main {
    flex: 1 0 70%;
    max-width: 70%;
  }
  .community-sidebar {
    flex: 1 0 30%;
  }
}

.community-hero-search {
  margin-bottom: 10px;
}

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

.community-featured-posts, .community-activity {
  width: 100%;
}

.community-featured-posts img {
  display: inline;
}

.community-featured-posts h1 {
  text-transform: uppercase;
  color: #864cbf;
  display: inline;
  vertical-align: top;
  top: 24px;
  position: relative;
}

.community-featured-posts {
  text-align: center;
  position: relative;
}

.community-featured-posts .promoted-articles {
  justify-content: center;
}

.community-header {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

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

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

.topics-item .meta-group {
  justify-content: center;
  /*max-width: 140px;*/
}
 
  .topics-item a h4 {
    /*font-size: 16px;*/
    
  }
  
  .topics-item a {
    padding-bottom: 0;
  }

/* Community topic page */
.topic-header {
  display: flex;
  align-items: center;
  font-size: 14px;
  justify-content: space-between;
}

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

.topic-header .dropdown {
  padding: 10px 0;
}

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

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

/* Topic, post and user follow button */

.community-follow {
  display: inline-block;
  margin: 0 40px;
}

.community-follow button {
  background: none;
  border: none;
  text-decoration: none;
  transition: all .3s;
  font-weight: 600;
}

.community-follow .dropdown {
  width: 100%;
}

.community-follow button[data-selected="true"] {
  color: #10e573;
}

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

.community-follow button:hover {
  color: #a2e2ff;
  cursor: pointer;
}

.community-follow button::after {
  border-left: 1px solid $color_1;
  content: attr(data-follower-count);
  color: #fff;
  display: none;
  font-family: 'Montserrat', sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

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

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid $color_1;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

reach-portal div {
  z-index: 1;
}

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

.striped-list-item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  background: #f2f2f2;
  border-radius: 6px;
  margin: 6px;
}

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

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

.striped-list-title {
  margin-bottom: 10px;
  margin-right: 5px;
  font-weight: 700;
}

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

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

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

.striped-list-count {
  color: lighten($color_3, 20%);
  font-weight: 300;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

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

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

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

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

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

@media (min-width: 768px) {
  .striped-list-number {
    color: $color_3;
    display: block;
    font-weight: 400;
  }
}

.following button {
  color: #028282;
  font-weight: 600;
  border: none;
  background-color: unset;
  font-size: 0px;
  height: 30px;
  width: 30px;
}

.following button:hover {
  cursor: pointer;
}

.following button:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='unfollow' viewBox='0 -960 960 960'%3E%3Cpath d='m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z' fill='%23be0c00' /%3E%3C/svg%3E ");
}

.following button:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='unfollow' viewBox='0 -960 960 960'%3E%3Cpath d='m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z' fill='%23ff3354' /%3E%3C/svg%3E ");
}


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

a.status-label {
  color: #fff;
  font-weight: 600;
}

.comment-labels .status-label {
  border-radius: 6px 6px 0px 0px;
}

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

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #46178f;
}

.official-tile {
  padding-top: 0;
}

.status-label-official {
  text-align: center;
  background: #d09b00;
  margin-left: 6%;
}

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

.status-label-pending, .status-label-not-planned {
  background-color: #ffcac0;
  color: #3f3f3f;
  margin-left: 6%;
}

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

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

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

.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 {
  text-transform: lowercase;
}

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

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

.post-container {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
}



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

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

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

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

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

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

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

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

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

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

.post-info-container {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.post-info {
  flex: 1;
}

@media (min-width: 1024px) {
  .post-info {
    padding-right: 20px;
  }
}

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

.post-timestamps {
  font-size: 12px;
}

.article-timestamps {
  font-size: 12px;
  margin-bottom: 8px;
}

.post-meta {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.meta-block {
  display: block;
  margin-left: 0;
}

.post-meta a {
  color: #0d12aa;
}

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

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

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

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

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

.post-body a {
  color: #0d46e1;
}

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

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

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

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

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

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

.post-comment-count .icon-comments {
  color: $color_1;
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

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

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

.post-sidebar h5 {
  font-weight: 600;
}

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

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

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

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

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

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

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

.collapsible-nav-list li {
  color: #fff;
  line-height: 45px;
  order: 1;
}

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

.collapsible-nav-list li a {
  color: #fff;
  display: block;
}

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

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

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    border-bottom: .1875rem solid #fff;
    order: 1;
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"] a {
  color: $color_3;
}

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

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

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

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

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

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 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%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 10px;
}

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

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

/***** My activities *****/
.my-activities-nav {
  background-color: #46178f;
  border: 0;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  background-color: transparent;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

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

.my-activities-sub-nav li[aria-selected="true"] {
  border-color: #46178f;
}

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

.my-activities-header {
  color: #46178f;
}

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

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

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

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

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

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

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

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

/* Requests table */
.requests-search {
  width: 100%;
  padding: 5px 5px 5px 36px;
}

.requests-table-toolbar .search:before {
  content: "\1F50D";
  position: absolute;
  margin: 10px 6px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.requests-table-toolbar .organization-unsubscribe {
  background-color: $color_1;
  color: $color_2;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Following table */
.subscriptions-unsubscribe a {
  background: $color_2;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

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

.subscriptions-unsubscribe a:hover {
  background-color: darken($color_2, 10%);
  text-decoration: none;
}

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

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

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

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

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

/* Contributions table */
.contributions-table td:last-child {
  color: lighten($color_3, 20%);
  font-size: 13px;
  font-weight: 300;
}

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

.no-activities {
  color: lighten($color_3, 20%);
}

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

.request-container .comment-meta a {
  color: #333;
}

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

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

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

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

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

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

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

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

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

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

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  padding: 8px 15px;
  width: 100%;
}

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

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

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

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid $color_1;
}

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

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

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid $color_1;
}

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

.request-main .satisfaction-box h4 {
  color: #3f3f3f;
  margin-bottom: 10px;
}

.request-main .comment-author {
  margin-bottom: 20px;
}

.request-main .comment-wrapper {
  margin: 6px auto;
}

.request-title {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.request-details dt {
  color: lighten($color_3, 20%);
  font-weight: 300;
  width: 40%;
}

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

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

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

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

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

.request-form input[type=submit] {
  color: #fff;
}

/***** Search results *****/

.search-result {
  background: #f6f6f6;
  border-radius: 6px;
  padding: 24px;
  box-shadow: 0 6px 6px #ccc;
  margin: 10px;
  color: #3f3f3f;
  display: block;
}

.search-result:hover {
  text-decoration: none;
  background: #f2f4ff;
}

.result-title {
  color: #36009e;
}

.result-date {
  font-size: 12px;
  font-weight: 600;
  color: #9292a3;
}

.result-pathstep {
  font-size: 12px;
  font-weight: 600;
}

.result-pathstep:not(:last-child):after {
  content: " > ";
}

.search-results-column {
  flex: 1;
  margin-right: 1rem;
}

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

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

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

.search-result-description {
  margin-top: 0;
}

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

.search-result-votes::before, .search-result-meta-count::before {
  color: $color_1;
}

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

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

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

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

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

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

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

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

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

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

.pagination * {
  display: inline-block;
}

.pagination li {
  border-radius: 0.25rem;
  border: 2px solid #fff;
  float: left;
  /*height: 40px;
    margin-left: 5px;
  width: 40px;*/
}

@media (min-width: 768px) {
  .pagination li {
    
  }
}

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

.pagination li:hover:not(.pagination-current) {
  border: 4px solid #26890c;
  background: #66bf39;
  text-decoration: none;
}

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

.pagination a {
  font-size: 15px;
  /*color: lighten($color_3, 20%);*/
  color: #333;
  padding: 10px 12px;
}

@media (min-width: 768px) {
  .pagination a {
    /*font-size: 13px;*/
    padding: 5px 12px;
  }
}

.pagination-current {
  background-color: $color_2;
}

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

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

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

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

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

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

.meta-group * {
  display: inline;
}

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

.comment-meta .meta-data {
  color: #b5c2ff;
}

.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-lock::before {
  content: "\1F512";
}

.icon-star::before {
  /*content: "\2605";*/
  content: "";
  background-image: url(/hc/theming_assets/01JAX4XQPPB92EHMYHY1DP3FXH);
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: darken($color_5, 3%);
}

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

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

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

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

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

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

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

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

.profile-header .basic-info .name {
  margin: 0;
  color:#fff;
  text-shadow: 1px 1px #333;
}

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

.name a {
  color:#fff;
}

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

.profile-header .options [data-action="edit-profile"] {
  background-color: $color_1;
  border: 0;
  color: #fff;
  line-height: normal;
  padding: 8px 20px;
}

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

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

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

.profile-stats .stat-label {
  color:#fff;
  text-shadow: 1px 1px #333;
  font-weight: 300;
  font-size: 16px;
  flex: 0 0 100px;
  margin-right: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px $color_1;
  border-radius: 4px;
  color: $color_1;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

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

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

.profile-nav {
  background-color: darken($color_5, 5%);
  border: 0;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

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

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

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

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: lighten($color_3, 20%);
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-contribution-list > .profile-contribution::before {
  left: 0;
  position: absolute;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-activity::before {
  position: absolute;
  left: 0;
  width: 28px;
  border-radius: 50%;
  content: "";
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #46178f;
  background-position: 50% 50%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
}

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

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

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

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

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

/***Custom***/

.article-subscribe {
  background-color: $color_2;
  color: #ffffff;
  text-decoration: none;
}
.topics-item {
  flex: 0 0 90%;
}
.stat-value {
  color:#fff;
  text-shadow: 1px 1px #333;
}
.my-activities-sub-nav ul li a {
  color: #737373;
}
.my-activities-sub-nav .collapsible-nav-list li[aria-selected="true"] {
  color: #46178f;
}

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

.topics-item .topic-block-header {
  display: flex;
  flex-direction: column;
}

@media (min-width: 550px) {
  .topics-item .topic-block-header{
    flex-direction: row;
  }
}

.topics-item .blocks-item-title {
  flex: 1 0 60%;
}

.topics-item .meta-group {
  
}

.new-window a:after {
  content: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/new-window-icon.svg);
  margin-left: 6px;
}

.social-twitter a, .social-facebook a, .social-linkedin a, .social-instagram a, .social-youtube a, .social-tiktok a {
  display: flex;
  align-items: center;
}

.social-twitter a:before, .social-facebook a:before, .social-linkedin a:before, .social-instagram a:before, .social-youtube a:before, .social-tiktok a:before {
  content: ' ';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: .625rem;
}

.social-twitter a:before {
  background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/twitter.svg);
}

.social-facebook a:before {
  background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/facebook.svg);
}

.social-linkedin a:before {
  background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/linkedin.svg);
}

.social-instagram a:before {
  background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/instagram.png);
  background-size: contain;
}

.social-tiktok a:before {
  background-image: url(https://kahoot.com/wp-content/themes/kahoot2017/assets/img/tiktok-icon.png);
  background-size: contain;
}

.inner li {
  font-size: 16px;
  font-weight: 600;
}

.login {
  font-weight: 700;
  padding: 0;
}

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

#user-dropdown {
  display:block!important;
  /* hide from screen */
  right: 9999px;
	right: -100vw !important;
	height: 0;
	overflow: hidden;
  margin-top: 2px;
  padding: 0;
  min-width: auto !important;
  width: auto;
  box-shadow: 0 0 0.1875rem 0 rgba(0,0,0,.5);
}

.user-info:focus #user-dropdown, .user-info:hover #user-dropdown, .user-info.focused #user-dropdown, .user-info.focus #user-dropdown {
  right: 0 !important;
  height: auto !important;
	overflow: visible !important;
}

.posts-list-top {
  padding-top:20px;
}

.article-body table {
  border-spacing: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.5);
  border:none;
}

.article-body table tbody tr th {
  text-align: center;
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #b2b2b2;
}

.article-body table  tbody tr th:first-child {
  text-align: left;
  color: #25076b;
  border-left: 1px solid #f2f2f2;
  border-top-left-radius: .25rem;
}

.article-body table tbody tr th:last-child {
  border-top-right-radius: .25rem;
}

.article-body table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .25rem;
}

.article-body tabletbody tr:last-child td:last-child {
  border-bottom-right-radius: .25rem;
}

.article-body table tbody tr th, table.feature-table tbody tr td {
  padding: 0 10px;
}

.article-body table tbody tr td {
  text-align: center;
  /*border: none;*/
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
padding: 10px;
vertical-align: text-top;
}

.article-body table tbody tr td p {
  margin: 8px 0;
}

.article-body table tbody tr td:first-child {
  text-align: left;
  border-left: 1px solid #f2f2f2;
}

.article-attachments {
  display: none;
}

.amb-badge:after, .krew:after {
  content: "Ambassador";
  background-color: #46178f;
  border-radius: 3px;
  color: white;
  margin-left: 8px;
  padding: 2px 5px;
  font-size: 10px;
}

.krew:after {
  content: "K!rew";
  background-color: #1368ce;
}

.section-divider-bold {
  border-top: 2px solid #ccc;
  max-width: 100%;
  margin-top: -10px;
  margin-bottom: -26px;
}

.section-divider-head {
  border-top: 2px solid #ccc;
  max-width: 100%;
  margin-top: -10px;
  margin-bottom: -14px;
}

.collapsible {
  cursor: pointer;
  padding-top: .25rem !important;
  margin-top: 0 !important;
  position:relative;
}

.collapsible:after {
  content: ' ';
  background-image: url($assets-accordion-marker-svg);
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 10px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url($assets-accordian-marker-svg);
}

.collapsible-anchor {
  position: absolute;
  width: 1px;
  height: 2px;
  top: -80px;
}

.content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

/***Footer - parter logos***/

.page-footer__links-social-parter {
  border-top: .0625rem solid #222;
  border-bottom: .0625rem solid #222;
  padding-top: .8125rem;
  padding-bottom: .8125rem;
  margin-bottom: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-footer__links-social-parter .footer-nav--inline {
  margin-bottom:0;
}

@media screen and (min-width: 760px) {
  .footer-nav--inline, .footer-nav--inline ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.footer-nav--inline {
  margin-bottom: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 760px) {
  .footer-nav--inline .footer-nav__title, .footer-nav--inline li, .footer-nav--inline ul .footer-nav__title, .footer-nav--inline ul li {
    width: auto;
    margin-right: 1.25em;
  }

}

.footer-nav--inline .footer-nav__title, .footer-nav--inline li, .footer-nav--inline ul .footer-nav__title, .footer-nav--inline ul li {
  width: auto;
  margin-right: 1.25em;
}

.page-footer__links-social-parter .footer-nav--inline .footer-nav__title, .page-footer__links-social-parter .footer-nav--inline li {
  margin-bottom: 0;
}

.partner-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.partner-logos__item, .partner-logos__item img {
  display:block;
}

.partner-logos__item--ms {
  background-color:#fff;
  border-radius:.25rem;
}

.partner-logos__item+.partner-logos__item {
  margin-left: .75rem;
}

@media screen and (min-width: 760px) {
  .page-footer__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    /*width:96%;*/
  }
  .page-footer__base .copyright {
    margin-bottom: 0;
  }
}

.page-footer .copyright {
  display: block;
  font-size: .875rem;
  font-weight: 600;
  margin-bottom: 1.5625rem;
  color: #fff;
}

.footer-apps-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-apps-logo a {
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
}

div.text-white, div.text-white p, div.text-white span, div.text-white h1, div.text-white h2, div.text-white h3, div.text-white h4 {
  /*color: #fff;*/
}
div.note-red {
  padding: 20px;
  border: solid 3px #f35;
  border-radius: 6px;
  box-shadow: 0 6px 6px #ccc;
  background: #fff;
  color: #3f3f3f;
}
div.note-blue {
  padding: 20px;
  border: solid 3px #0d46e1;
  border-radius: 6px;
  box-shadow: 0 6px 6px #ccc;
  background: #fff;
  color: #3f3f3f;
}
div.note-green {
  padding: 20px;
  border: solid 3px #10c543;
  border-radius: 6px;
  box-shadow: 0 6px 6px #ccc;
  background: #fff;
  color: #3f3f3f;
}
div.note-red a, div.note-blue a, div.note-green a {
  color: #5a46ff !important;
  /*text-decoration: underline;*/
}

table.feature-table {
  border-spacing: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.15);
}

table.feature-table tbody tr th {
  text-align: center;
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #b2b2b2;
}

table.feature-table tbody tr th:first-child {
  text-align: left;
  color: #25076b;
  border-left: 1px solid #f2f2f2;
  border-top-left-radius: .25rem;
}

table.feature-table tbody tr th:last-child {
  border-top-right-radius: .25rem;
}

table.feature-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .25rem;
}

table.feature-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: .25rem;
}

table.feature-table tbody tr th, table.feature-table tbody tr td {
  padding: 0 10px;
}

table.feature-table tbody tr td {
  text-align: center;
  border: none;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

table.feature-table tbody tr td p {
  margin: 8px 0;
}

table.feature-table tbody tr td:first-child {
  text-align: left;
  border-left: 1px solid #f2f2f2;
}

.feature-table-centered, .feature-table-centered span, .feature-table-centered p {
  text-align: center;
}

.feature-table-left, .feature-table-left span, .feature-table-left p {
  text-align: left;
}

@media screen and (min-width: 1035px) {
  .flex-article-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 105px;
  }

  .flex-article {
    width: 50%;
  }
}

.flex-article {
  padding: 2px;
  color: #1368ce;
}

.flex-article-links {
  display: flex;
  flex-wrap: wrap;
  max-height: 105px;
  justify-content: center;
  font-size: 18px;
}

.flex-article-link {
  padding-right: 6px;
  color: rgba(51, 51, 51, 1);
}

/***New accordion with anchor functionality***/

.accordion-anchor {
	position: absolute;
	width: 1px; height: 2px;
	top: -160px;
}

.accordion {
	position: relative;
	z-index: 2;
	&:first-of-type {
		margin-top: 40px;
	}
	&:last-of-type {
		margin-bottom: 40px;
	}
}
.accordion h1 {
  margin: 0;
  padding: 0;
}

	.accordion__trigger {
		display: block;
		text-align: left;
		width: 100%;
		border: none;
		background: transparent;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 2px solid rgba(#ccc, 0.6);
		position: relative;
		padding-right: 30px;
		cursor: pointer;
		
		h1 {
			font-size: 20px;
		}
	}
	.accordion__content {
		p {
			font-size: 18px;
			line-height: 32px;
		}
	}

img.img-shadow {
  box-shadow:0 2px 4px #ccc;
  border-radius:4px;
}

.blocks-item-sections div:nth-child(n+5) {
  display:none;
}

.topic-category-description {
  margin-left: 5%;
  margin-bottom: 30px;
}

/* !! New styles !! */ /* TO DO - copy header styles and leave only them in the file */

/* typography */

h1, h2, h3, h4, h5, /*p, input, */button {
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
}

h1 {
  font-size: 50px;
  font-weight: 700;
}

h2 {
  font-size: 35px;
  font-weight: 700;
}

span.text--yellow {
  color: #FFDF6F;
}

/* icons */
.search-section__container__bar__input::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

/* end typography */

.btn, .article-header__follow button, .pagination-list a {
  padding: 8px 24px;
  border-radius: 4px;
  border: 2px solid #fff;
  font-weight: 700;
  transition: .3s all;
  text-decoration: none;
}

.section-hero__filters a[aria-selected="true"] {
  background: #fff;
  color: #36009e;
  font-weight: 800;
  text-decoration: none;
}

.btn--secondary, .article-header__follow button {
  background-color: #fff;
  color: #1E0C54;
}

.btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus,
.article-header__follow button:hover, .article-header__follow button:active, .article-header__follow button:focus {
  background-color: #6e6e6e;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

/* pagination */
.section-pagination {
  margin-top: -48px;
}

.pagination-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
/* end pagination */

main {
  position: relative;
}

.page-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 240px;
}

.page-container--gray, .body-grey {
  background: #E8E8E8;
}

.page-container--white {
  background: #FFF;
}

section {
  width: 1110px;
  overflow: hidden;
  transition: 0.5s;
}

section.section--lifted {
  /*margin-bottom: 60px;*/
}

/* header */
.clear-header {
  padding-top: 16px;
}

.page-hero { /* Dummy class for background */
  background: linear-gradient(120deg, #36009e 40%, #9a78ff 100%);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 60% 100%, 0 85%);
}

.community-hero {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

.post-hero {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.hero-section {
  display: flex;
  /*gap: 16px;*/
  /*margin-bottom: 40px;*/
}

.hero-section__content, .hero-section__image {
  flex: 0 1 auto;
  flex-grow: 1;
  display: flex;
}

.hero-section__content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 50%;
  margin-bottom: 60px;
  z-index: 2;
}

.hero-desc {
  /*color: #fff;
  font-weight: 600;*/
  margin: 0;
}

.hero-btn-container {
  margin-bottom: 26px;
}

.hero-section__image {
  align-items: center;
  width: 50%;
  min-height: 360px;
}

@media (max-width: 1200px) {
  .hero-section__image {
    display:none;
  }
}

.hero__illustration {
  width: 100%;
  max-height: 100%;
}

.btn--primary {
  display: inline-block;
  margin: 2px;
  border: 3px solid #10C543;
  border-radius: 4px;
  background-color: #1c635b;
  margin: 0 auto;
  transition: all .3s;
}

.btn--primary:hover,
.btn--primary:focus,
.btn--primary:active {
  text-decoration: none;
  background-color: #2d7f76;
}
/* end header */

/* search */
.search-section__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(100% - 256px);
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.search-section__container__question {
  color: #fff;
}

.search-section__container__bar {
  display: flex;
  gap: 16px;
  width: 100%;
}

.search-community {
  max-width: 400px;
  /*margin-bottom: 60px;*/
}

.search-section__container__bar__input {
  width: 100%;
  display: flex;
  position: relative;
  gap: 8px;
}

.search-section__container__bar__input input#query {
  flex: 1;
  padding: 14px 16px 14px 48px;
  border-radius: 4px;
  border-width: 0;
  color: #333;
}
.search-section__container__bar__input input#query:focus {
  outline: 1px solid #10C543;
}

.search-section__container__bar__input input[type=submit] {
  border: 3px solid #10C543;
  border-radius: 4px;
  background-color: #1c635b;
  width: 140px;
  margin: 0 auto;
  transition: all .3s;
}

.search-section__container__bar__input input[type=submit]:hover,
.search-section__container__bar__input input[type=submit]:focus,
.search-section__container__bar__input input[type=submit]:active {
  cursor: pointer;
  background-color: #2d7f76;
}

.search-section__container__bar__input::before {
  content: "\1F50D";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 32px;
  opacity: 0.5;
}
/* search end */

/* popular tags */
.tags-section__container {
  display: flex;
  justify-content: center;
  gap: 48px;
  width: calc(100% - 256px);
  margin: 0 auto;
}

.tags-section__container__title {
  color: #00CB39;
  font-weight: 700;
  font-size: 18px;
}

.tags-section__container__tag {
  font-size: 18px;
  text-decoration: underline;
  text-align: center;
}

.tags-section__container__tag:hover {
  color: #00CB39;
  cursor: pointer;
}
/* popular tags end */

/* mosaic */
.mosaic-section {
  margin-top: 48px; /* 4x layout gap */
  margin-bottom: 48px; /* 4x layout gap */
}

.mosaic-section--lifted {
  margin-top: 0;
}

.mosaic-category {
  position: relative;
  top: -220px;
}

.mosaic-section__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mosaic-section__container__row {
  display: flex;
  gap: 16px;
  flex: 1;
  flex-wrap: wrap;
  justify-content: center;
}

.mosaic-section__container__row .mosaic-tile {
  justify-content: flex-start;
  /*padding: 80px 24px 24px 24px;*/
  gap: 6px;
}

.mosaic-section--list .mosaic-section__container .mosaic-section__container__row {
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom:10px;
}

.mosaic-tile {
  min-height: 280px;
  padding: 32px 24px;
  flex: 1;
  background-color: #F6F6F6;
  border-radius: 8px;
  min-width: 264px;
  max-width: 266px;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px;
  transition: all .3s;
}

a.mosaic-tile:hover,
a.mosaic-tile:focus {
  cursor: pointer;
  background-color: #E6E6E6;
  text-decoration: none;
}

.mosaic-section--list .mosaic-tile:hover,
.mosaic-section--list .mosaic-tile:focus {
  background-color: #eeedfb;
  /*background-color: #1E0C54;
  color: #fff;*/
}

.mosaic-section--list .mosaic-tile__title {
  margin-top: 0;
}

.mosaic-section--search .mosaic-tile {
  height: 200px;
}

.mosaic-tile--double {
  flex: 2;
  min-width: 544px;
  flex-direction: row;
}

.mosaic-tile__image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mosaic-tile--double .mosaic-tile__image {
  flex: 4;
}

.mosaic-tile--double .mosaic-tile__image img {
  max-height: 120px;
}

.mosaic-tile__image img {
  max-height: 64px;
}
.mosaic-tile--double .mosaic-tile__image svg {
  height: 160px;
}

.mosaic-tile__image svg {
  fill: #46178f;
  height: 80px;
}

.mosaic-tile__content {
  height: 140px;
}

.mosaic-tile--double .mosaic-tile__content {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  gap: 16px;
} 

.mosaic-tile__title {
  font-weight: 600;
  font-size: 18px;
  margin-top: 16px;
}

.mosaic-tile--double .mosaic-tile__title {
  margin-top: 0;
  font-size: 30px;
}

.mosaic-tile__description {
  font-size: 14px;
}

.mosaic-tile__description ul {
  width: fit-content;
  margin: 0 auto;
  text-align: left;
}

.mosaic-tile__description a {
  color: #46178f;
  font-weight: 600;
}

.mosaic-tile__date {
  font-size: 12px;
  color: #999;
}

.ohc-icon {
  height: 20px;
  vertical-align: middle;
  border-radius: 6px;
}

.cat-page__sec-image {
  height: 90px;
  flex: none;
}

.webinar-learn-btn {
  background: #6e6e6e;
  color: #fff;
  font-weight: 600;
  padding: 6px;
  border-radius: 12px;
  transition: all .3s;
  text-align: center;
  align-content: center;
  font-size: 12px;
  text-shadow: 1px 1px 1px #6e6e6e, -1px 1px 1px #6e6e6e, 1px -1px 1px #6e6e6e, -1px -1px 1px #6e6e6e;
}

.webinar-learn-btn:hover {
  background: #10e573;
}

/*START get started*/
.hc_42510784983699 {
  /*quick guides*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m422-232 207-248H469l29-227-185 267h139l-30 208Zm-55.85 107.38 40-275.38h-170l299.23-431.54h18.47L514.62-520h200l-330 395.38h-18.47ZM471-470Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_15463378967571 {
  /*create a game*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M459.539-290.001h45.383v-164.461h165.077v-45.384H504.922v-170.153h-45.383v170.153H290.001v45.384h169.538v164.461Zm20.794 190q-78.955 0-147.897-29.92t-120.755-81.71q-51.814-51.791-81.747-120.777t-29.933-148.025q0-78.655 29.92-147.864t81.71-120.522q51.791-51.314 120.777-81.247t148.025-29.933q78.655 0 147.864 29.92t120.522 81.21q51.314 51.291 81.247 120.629 29.933 69.337 29.933 147.907 0 78.955-29.92 147.897t-81.21 120.571q-51.291 51.629-120.629 81.746-69.337 30.118-147.907 30.118Zm.167-45.384q139.192 0 236.654-97.769 97.461-97.769 97.461-237.346 0-139.192-97.274-236.654Q620.067-814.615 480-814.615q-139.077 0-236.846 97.274T145.385-480q0 139.077 97.769 236.846T480.5-145.385ZM480-480Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_15465864783507 {
  /*host a game*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M854.615-156.386v-615.921q0-5.385-3.462-8.847-3.462-3.462-8.847-3.462H117.694q-5.385 0-8.847 3.462-3.462 3.462-3.462 8.847v307.691H60.001v-307.691q0-23.75 17.097-40.721 17.096-16.971 40.596-16.971h724.612q23.5 0 40.596 17.096 17.097 17.096 17.097 40.596v556.537q0 20.821-12.577 37.333-12.577 16.512-32.807 22.051ZM360-412.924q-57.749 0-95.22-37.471t-37.471-95.412q0-57.942 37.471-95.221 37.471-37.278 95.22-37.278t95.22 37.278q37.471 37.279 37.471 95.221 0 57.941-37.471 95.412-37.471 37.471-95.22 37.471Zm0-45.383q37.461 0 62.384-24.924 24.923-24.923 24.923-62.384t-24.923-62.384Q397.461-632.922 360-632.922t-62.384 24.923q-24.923 24.923-24.923 62.384t24.923 62.384q24.923 24.924 62.384 24.924ZM60.002-107.694v-75.922q0-32.23 17.076-56.153 17.077-23.923 44.385-36.769 63.153-28.077 121.756-42.308 58.604-14.23 116.769-14.23 58.166 0 116.473 14.538Q534.769-304 597.672-276.266q28.374 12.812 45.35 36.616 16.977 23.804 16.977 56.034v75.922H60.001Zm45.383-45.384h509.23v-30.538q0-15.615-9.885-29.923-9.884-14.308-25.808-22.462-58.999-28.692-111.302-40.192-52.302-11.5-107.62-11.5-55.318 0-108.428 11.5t-111.11 40.192q-15.923 8.154-25.5 22.462t-9.577 29.923v30.538ZM360-545.615Zm0 392.537Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_15469158891027 {
  /*play a game*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M189-170.001q-56.538 0-96.153-39.923Q53.23-249.846 52-307.159q0-8.456.807-16.687.808-8.231 2.808-16.846l84-336q13.132-50.567 53.464-81.937 40.332-31.37 91.92-31.37h390q51.588 0 91.92 31.37t53.464 81.937l84 336q2 8.615 3.308 17.346 1.307 8.731 1.307 17.187 0 57.313-40.423 96.735-40.422 39.423-97.55 39.423-39.333 0-72.641-20.653-33.307-20.654-50.538-55.962L619.462-305q-6.154-12.501-18.462-18.751-12.307-6.25-26-6.25H385q-13.593 0-25.951 6.154-12.357 6.154-18.511 18.847l-28.385 58.384q-16.846 35.692-50.417 56.154-33.57 20.461-72.736 20.461Zm2.599-45.383q25.555 0 47.376-13.55 21.82-13.55 32.871-36.758l28-57.385q12.516-24.735 35.079-38.521 22.563-13.786 50.075-13.786h190q27.731 0 50.149 14.493t36.005 38.199l28 57q11.051 23.208 32.906 36.758 21.855 13.55 47.359 13.55 38.03 0 65.306-25.847Q862-267.077 862.616-305q0-4.385-3-25.154l-84-335q-8.77-34.539-36.554-57-27.785-22.462-64.062-22.462H285q-36.375 0-64.305 22.129-27.931 22.129-36.311 57.333l-84 335q-.615 4-3 24.154 0 38.804 27.605 64.71 27.605 25.906 66.61 25.906Zm348.583-316.539q11.664 0 19.779-8.298 8.116-8.297 8.116-19.961 0-11.664-8.298-19.779-8.297-8.116-19.961-8.116-11.664 0-19.779 8.298-8.116 8.297-8.116 19.961 0 11.664 8.298 19.779 8.297 8.116 19.961 8.116Zm80-80q11.664 0 19.779-8.298 8.116-8.297 8.116-19.961 0-11.664-8.298-19.779-8.297-8.116-19.961-8.116-11.664 0-19.779 8.298-8.116 8.297-8.116 19.961 0 11.664 8.298 19.779 8.297 8.116 19.961 8.116Zm0 160q11.664 0 19.779-8.298 8.116-8.297 8.116-19.961 0-11.664-8.298-19.779-8.297-8.116-19.961-8.116-11.664 0-19.779 8.298-8.116 8.297-8.116 19.961 0 11.664 8.298 19.779 8.297 8.116 19.961 8.116Zm80-80q11.664 0 19.779-8.298 8.116-8.297 8.116-19.961 0-11.664-8.298-19.779-8.297-8.116-19.961-8.116-11.664 0-19.779 8.298-8.116 8.297-8.116 19.961 0 11.664 8.298 19.779 8.297 8.116 19.961 8.116ZM340.018-470q8.674 0 14.52-5.667 5.846-5.666 5.846-14.333v-50H410q8.551 0 14.468-5.672 5.916-5.672 5.916-14.346t-5.916-14.52q-5.917-5.846-14.468-5.846h-49.616V-630q0-8.551-5.944-14.468-5.945-5.916-14.619-5.916t-14.247 5.916Q320-638.551 320-630v49.616h-50q-8.667 0-14.333 5.944Q250-568.495 250-559.821t5.667 14.247Q261.333-540 270-540h50v50q0 8.667 5.672 14.333Q331.344-470 340.018-470ZM480-480Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_15463337676179 {
  /*account settings*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M400-496.155q-57.749 0-95.22-37.278-37.471-37.279-37.471-95.413 0-57.749 37.471-95.22T400-761.537q57.749 0 95.22 37.471t37.471 95.22q0 58.134-37.471 95.413-37.471 37.278-95.22 37.278ZM100.001-190.54v-75.922q0-31.538 15.77-55.307 15.769-23.769 45.692-37.615 65.461-29.308 121.383-42.923Q338.769-415.922 400-415.922h9.961q5.346 0 9.962-.385-4.462 11.307-6.692 21.538-2.231 10.23-3.846 24.23H400q-59.923 0-112.154 11.731-52.23 11.73-107.384 39.961-19.077 9.539-27.077 23.269-8 13.731-8 29.116v30.538h264.384q3.462 13 8.538 24.23 5.077 11.231 12 21.154H100.001Zm563.922 32.46-7.308-57.538q-18.154-4.23-35.846-13.923-17.692-9.692-29.692-22.846l-48.461 13.154-17.692-29.307 42-37.076Q563-317.309 563-335.232q0-17.923 3.924-30l-41.615-37.461L543-432l48.077 13.539q11.615-13.539 29.5-23.039 17.884-9.5 36.038-13.731l7.308-57.538h37.845l7.307 57.538q17.77 4.231 35.654 13.731 17.885 9.5 29.885 22.654L822.69-432l17.307 28.922-41.615 37.461q4.308 12.583 4.308 30.254 0 17.67-4.308 29.747l42 37.076-17.307 29.307-48.461-13.154q-12.385 13.154-30.077 22.846-17.692 9.693-35.462 13.923l-7.307 57.538h-37.845Zm18.572-100.998q34.042 0 55.081-21.265 21.038-21.265 21.038-54.923 0-34.043-21.072-55.081-21.073-21.038-55.115-21.038-33.658 0-54.889 21.072t-21.231 55.115q0 33.658 21.265 54.889t54.923 21.231ZM400-541.538q37.461 0 62.384-24.731 24.923-24.731 24.923-62.577 0-37.461-24.923-62.384-24.923-24.923-62.384-24.923t-62.384 24.923q-24.923 24.923-24.923 62.384 0 37.846 24.923 62.577T400-541.538Zm0-87.308Zm9.769 392.922Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_22969961892371 {
  /*learn more*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M200.793-379.232q-43.004 0-71.897-28.803-28.893-28.803-28.893-71.807 0-43.004 28.802-72.157 28.803-29.154 71.807-29.154 43.004 0 72.158 29.063 29.154 29.063 29.154 72.067 0 43.004-29.063 71.898-29.064 28.893-72.068 28.893Zm-.137-45.383q24.115 0 39.999-15.578 15.885-15.578 15.885-39.692 0-24.115-15.858-40-15.857-15.884-39.972-15.884-24.115 0-39.719 15.857-15.605 15.858-15.605 39.973 0 24.114 15.578 39.719 15.577 15.605 39.692 15.605Zm279.367 45.383q-43.004 0-71.898-28.803-28.893-28.803-28.893-71.807 0-43.004 28.803-72.157 28.803-29.154 71.807-29.154 43.004 0 72.157 29.063 29.154 29.063 29.154 72.067 0 43.004-29.063 71.898-29.063 28.893-72.067 28.893Zm-.138-45.383q24.115 0 40-15.578 15.884-15.578 15.884-39.692 0-24.115-15.857-40-15.858-15.884-39.973-15.884-24.114 0-39.719 15.857-15.605 15.858-15.605 39.973 0 24.114 15.578 39.719t39.692 15.605Zm279.367 45.383q-43.004 0-71.898-28.803-28.893-28.803-28.893-71.807 0-43.004 28.803-72.157 28.803-29.154 71.807-29.154 43.004 0 72.158 29.063 29.153 29.063 29.153 72.067 0 43.004-29.063 71.898-29.063 28.893-72.067 28.893Z' fill='%2346178f' /%3E%3C/svg%3E ");
}/*END get started*/
/*START creating and sharing*/
.hc_115000152068 {
  /*kahoots*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M537.615-354.616q14.443 0 25.221-10.664 10.779-10.664 10.779-25.144 0-14.479-10.779-25.143-10.778-10.664-25.221-10.664t-25.221 10.664q-10.779 10.664-10.779 25.143 0 14.48 10.779 25.144 10.778 10.664 25.221 10.664Zm-20.384-118.692h38.538q1.615-27.462 8.5-40.885 6.884-13.423 32.884-38.038 25.462-23.692 35.769-42.551 10.308-18.858 10.308-43.833 0-43.405-30.154-71.587-30.154-28.182-77.692-28.182-34.923 0-62.807 18.577-27.884 18.576-41.884 52.499l36.537 15.923q11.77-24.231 28.187-36.654 16.417-12.423 39.967-12.423 30.547 0 50.12 17.769 19.573 17.77 19.573 44.924 0 19.23-9.385 34.615-9.385 15.385-32.769 33.154-28.538 25.538-37.115 43.615-8.577 18.077-8.577 53.077ZM278.463-230.771q-23.529 0-40.611-17.082-17.081-17.082-17.081-40.611v-513.842q0-23.529 17.081-40.611 17.082-17.082 40.611-17.082h513.843q23.528 0 40.61 17.082t17.082 40.611v513.842q0 23.529-17.082 40.611-17.082 17.082-40.61 17.082H278.463Zm0-45.384h513.843q4.615 0 8.462-3.846 3.846-3.847 3.846-8.463v-513.842q0-4.616-3.846-8.463-3.847-3.846-8.462-3.846H278.463q-4.616 0-8.462 3.846-3.847 3.847-3.847 8.463v513.842q0 4.616 3.847 8.463 3.846 3.846 8.462 3.846ZM167.694-120.003q-23.528 0-40.61-17.082-17.082-17.081-17.082-40.61v-559.226h45.384v559.226q0 4.616 3.846 8.462 3.847 3.847 8.462 3.847h559.227v45.383H167.694Zm98.46-694.612V-276.155-814.615Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360009675734 {
  /*courses*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m230.001-523.077-130-74.23v-148.461l130-74.231L360-745.768v148.461l-129.999 74.23Zm0-52.076 84.615-48.692v-95.385l-84.615-48.693-84.616 48.693v95.385l84.616 48.692Zm418.076 47.922v-52.691l131.922 77.229v268.461l-230 134.231L320-234.232v-268.461l131.922-76.614v52.076l-86.538 51.076v216.405l184.615 106.673L734.615-259.75v-216.405l-86.538-51.076Zm-120.77 112.616v-445.384h333.307l-68 102.692 68 102.692H572.691v240h-45.384Zm22.692 74.461ZM230.001-671.538Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_15463037601683 {
  /*time-saving tools*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M477-140.001q-137.845 0-235.499-95.692-97.653-95.692-101.5-234.152h45.384Q190.001-351 273.693-268.192 357.385-185.385 477-185.385q124.307 0 210.577-87.077 86.269-87.077 86.269-211.384 0-122.077-86.885-206.423Q600.077-774.615 477-774.615q-64.538 0-121.73 28.308Q298.078-718 254.847-670.462h100.769v45.384H175.464v-179.921h45.384v103.692q49.307-55.23 115.807-86.961Q403.154-819.999 477-819.999q70.769 0 132.922 26.462 62.154 26.461 108.769 72.461t73.577 107.538Q819.229-552 819.229-481.615q0 70.769-26.961 133.114-26.962 62.346-73.577 108.462-46.615 46.115-108.769 73.076Q547.769-140.001 477-140.001ZM608.846-322.77 458.308-471.693v-210.538h45.384v191.693l137.769 135.154-32.615 32.614Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360009675674 {
  /*share*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M725.031-90q-43.992 0-74.742-30.854-30.75-30.854-30.75-74.93 0-7.244 1.5-17.027 1.5-9.783 4.885-17.497L314.461-412.462q-14.23 17.384-35.337 27.692-21.106 10.308-43.585 10.308-43.975 0-74.756-30.795-30.782-30.795-30.782-74.788 0-43.993 30.782-74.743 30.781-30.75 74.756-30.75 22.751 0 43.106 9.192 20.355 9.193 35.816 26.577l311.463-180.538q-3.385-7.457-4.885-16.558-1.5-9.102-1.5-17.596 0-43.974 30.795-74.756 30.795-30.782 74.788-30.782 43.993 0 74.743 30.768 30.75 30.769 30.75 74.724 0 44.468-30.782 75.026-30.782 30.557-74.756 30.557-22.833 0-43.263-8.077-20.429-8.077-35.045-25.461L335.692-516q2.384 8 3.884 18.228 1.5 10.228 1.5 17.934 0 7.705-1.5 16.041t-3.884 16.336l311.077 178.923q14.616-14.769 34.039-23.654 19.423-8.884 44.269-8.884 43.974 0 74.756 30.512 30.782 30.512 30.782 74.788 0 44.276-30.795 75.025-30.796 30.75-74.789 30.75Zm.148-614.307q25.206 0 42.629-17.526t17.423-42.731q0-25.205-17.526-42.629-17.525-17.423-42.731-17.423-25.205 0-42.628 17.526-17.424 17.526-17.424 42.731 0 25.205 17.526 42.629 17.526 17.423 42.731 17.423ZM235.641-419.846q25.205 0 42.629-17.525 17.423-17.526 17.423-42.732 0-25.205-17.526-42.628-17.526-17.423-42.731-17.423-25.205 0-42.629 17.525-17.423 17.526-17.423 42.732 0 25.205 17.526 42.628 17.526 17.423 42.731 17.423Zm489.538 284.462q25.206 0 42.629-17.526t17.423-42.731q0-25.205-17.526-42.629-17.525-17.423-42.731-17.423-25.205 0-42.628 17.526-17.424 17.526-17.424 42.731 0 25.205 17.526 42.629 17.526 17.423 42.731 17.423Zm-.102-629.077ZM235.539-480Zm489.538 284.461Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360009675694 {
  /*manage kahoots*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M145.385-225.385v-509.23 509.23Zm12.309 45.384q-23.529 0-40.611-17.082-17.082-17.082-17.082-40.611v-484.612q0-23.529 17.082-40.611 17.082-17.082 40.611-17.082h249.459l65.385 65.385h329.768q23.529 0 40.611 17.082 17.082 17.082 17.082 40.611v158.612q-10.539-5.692-22.077-7.922-11.538-2.231-23.307-2.616v-148.074q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846H454.077l-65.385-65.385H157.694q-5.385 0-8.847 3.462-3.462 3.462-3.462 8.847v484.612q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846h333.459l.385-.385v45.769H157.694Zm406.922 80v-105.692l217.153-216.153q7.462-7.461 16.154-10.5 8.692-3.038 17.384-3.038 9.308 0 18.192 3.538 8.885 3.539 15.961 10.615l37 37.385q7.077 7.461 10.308 16.153 3.231 8.693 3.231 17.385 0 8.692-3.731 17.692t-10.333 16.461L670.307-100.001H564.616Zm287.691-250.307-37-37.385 37 37.385Zm-240 202.615h38l129.847-130.462-18.385-19-18.615-18.769-130.847 130.231v38Zm149.462-149.462-18.615-18.769 37 37.769-18.385-19Z' fill='%2346178f' /%3E%3C/svg%3E ");
}/*END creating and sharing*/
/*START playing and reports*/
.hc_22972088517267 {
  /*playing*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M854.615-156.386v-615.921q0-5.385-3.462-8.847-3.462-3.462-8.847-3.462H117.694q-5.385 0-8.847 3.462-3.462 3.462-3.462 8.847v307.691H60.001v-307.691q0-23.75 17.097-40.721 17.096-16.971 40.596-16.971h724.612q23.5 0 40.596 17.096 17.097 17.096 17.097 40.596v556.537q0 20.821-12.577 37.333-12.577 16.512-32.807 22.051ZM360-412.924q-57.749 0-95.22-37.471t-37.471-95.412q0-57.942 37.471-95.221 37.471-37.278 95.22-37.278t95.22 37.278q37.471 37.279 37.471 95.221 0 57.941-37.471 95.412-37.471 37.471-95.22 37.471Zm0-45.383q37.461 0 62.384-24.924 24.923-24.923 24.923-62.384t-24.923-62.384Q397.461-632.922 360-632.922t-62.384 24.923q-24.923 24.923-24.923 62.384t24.923 62.384q24.923 24.924 62.384 24.924ZM60.002-107.694v-75.922q0-32.23 17.076-56.153 17.077-23.923 44.385-36.769 63.153-28.077 121.756-42.308 58.604-14.23 116.769-14.23 58.166 0 116.473 14.538Q534.769-304 597.672-276.266q28.374 12.812 45.35 36.616 16.977 23.804 16.977 56.034v75.922H60.001Zm45.383-45.384h509.23v-30.538q0-15.615-9.885-29.923-9.884-14.308-25.808-22.462-58.999-28.692-111.302-40.192-52.302-11.5-107.62-11.5-55.318 0-108.428 11.5t-111.11 40.192q-15.923 8.154-25.5 22.462t-9.577 29.923v30.538ZM360-545.615Zm0 392.537Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_22972100732435 {
  /*game modes*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M400-230.387 150.387-480 400-729.613v499.226Zm-43.845-106.075v-287.076L212.616-480l143.539 143.538ZM560-230.387v-499.226L809.613-480 560-230.387Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_22972144981907 {
  /*reports*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M297.463-287.77h45.383v-193.845h-45.383v193.845Zm319.691 0h45.383v-404.614h-45.383v404.614Zm-159.846 0h45.384v-108.769h-45.384v108.769Zm0-193.845h45.384V-547h-45.384v65.385ZM197.694-140.001q-23.529 0-40.611-17.082-17.082-17.082-17.082-40.611v-564.612q0-23.529 17.082-40.611 17.082-17.082 40.611-17.082h564.612q23.529 0 40.611 17.082 17.082 17.082 17.082 40.611v564.612q0 23.529-17.082 40.611-17.082 17.082-40.611 17.082H197.694Zm0-45.384h564.612q4.616 0 8.463-3.846 3.846-3.847 3.846-8.463v-564.612q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846H197.694q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v564.612q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846Zm-12.309-589.23V-185.385-774.615Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_22972146614675 {
  /*integrations*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m384-350.001 32.615-32.23L319.846-480l96.769-97.154L384-609.384 254.616-479.692 384-350.001Zm192 0L705.999-480 576.615-609.384l-32.614 32.23L641.154-480l-97.769 97.769L576-350.001Zm-378.306 210q-23.596 0-40.645-17.048-17.048-17.049-17.048-40.645v-564.612q0-23.596 17.048-40.645 17.049-17.048 40.645-17.048h205q-1.924-32.307 20.845-56.153 22.769-23.847 56.461-23.847 34.077 0 56.846 23.847 22.769 23.846 20.46 56.153h205q23.596 0 40.645 17.048 17.048 17.049 17.048 40.645v564.612q0 23.596-17.048 40.645-17.049 17.048-40.645 17.048H197.694Zm0-45.384h564.612q4.616 0 8.463-3.846 3.846-3.847 3.846-8.463v-564.612q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846H197.694q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v564.612q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846ZM479.919-791.23q13.535 0 23.731-9.923 10.196-9.923 10.196-23.731 0-13.808-10.196-23.731-10.196-9.923-23.731-9.923-13.534 0-23.457 9.923t-9.923 23.731q0 13.808 9.923 23.731 9.923 9.923 23.457 9.923ZM185.385-185.385V-774.615-185.385Z' fill='%2346178f' /%3E%3C/svg%3E ");
}/*END playing and reports*/
/*START billing and subscriptions*/
.hc_360009783233 {
  /*subscriptions*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M291.019-98.309q-26.735 0-45.223-18.813-18.487-18.813-18.487-45.706 0-26.894 18.695-45.494 18.695-18.601 45.422-18.601 26.728 0 45.42 18.813t18.692 45.706q0 26.893-18.813 45.494t-45.706 18.601Zm387.691 0q-26.734 0-45.222-18.813T615-162.828q0-26.894 18.695-45.494 18.695-18.601 45.423-18.601 26.727 0 45.419 18.813 18.693 18.813 18.693 45.706 0 26.893-18.814 45.494-18.813 18.601-45.706 18.601ZM232.692-745.231l111.539 232.616h278.384q3.461 0 6.346-1.731 2.885-1.731 4.424-4.808l118.461-215.307q2.308-4.231.384-7.501-1.923-3.269-6.539-3.269H232.692Zm-23.076-45.384h554.812q24.516 0 37.082 21.193 12.565 21.192.565 42.961l-122.938 222.72q-9.984 16.586-25.62 26.548-15.636 9.961-33.746 9.961H324l-55.231 102.077q-2.692 4.616 0 10.001 2.693 5.385 8.462 5.385H743.23v45.383H283.924q-37.769 0-54.538-26.077-16.77-26.076.307-57.615l64.385-117.23-151.231-319.308H67.924v-45.383h104.307l37.385 79.384Zm134.615 278h285.692-285.692Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360002381814 {
  /*billing*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M227-100.001q-37.211 0-63.22-26.01-26.009-26.009-26.009-63.039v-103.641h125.077v-559.615l55.261 47.692 56.03-47.692 56.031 47.692 56.03-47.692 56.031 47.692 56.153-47.692 56.154 47.692 56.153-47.692 56.154 47.692 55.384-47.692v663.075q0 37.211-26.009 63.22-26.009 26.01-63.22 26.01H227Zm506.192-45.384q19.038 0 31.346-12.308 12.308-12.307 12.308-31.538v-585.384H308.231v481.924h381.307v103.46q0 19.231 12.308 31.538 12.308 12.308 31.346 12.308Zm-367.73-480.846v-45.384h226.922v45.384H365.462Zm0 130.538v-45.383h226.922v45.383H365.462ZM685-620.846q-11.231 0-19.654-8.423t-8.423-19.654q0-11.231 8.423-19.654T685-677q11.23 0 19.653 8.423 8.423 8.423 8.423 19.654t-8.423 19.654q-8.423 8.423-19.653 8.423Zm0 126.692q-11.231 0-19.654-8.423t-8.423-19.654q0-11.23 8.423-19.653 8.423-8.423 19.654-8.423 11.23 0 19.653 8.423 8.423 8.423 8.423 19.653 0 11.231-8.423 19.654T685-494.154ZM226.111-145.385h418.044v-101.922H183.154v58.076q0 19.231 12.458 31.538 12.458 12.308 30.499 12.308Zm-42.957 0v-101.922 101.922Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_4411831502483 {
  /*accesspass*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m730.154-134.232-32-31.999 81.309-80.924H507.462v-45.383h272.001l-81.309-80.924 32-31.999 135.614 135.615-135.614 135.614Zm89.845-336.614h-45.384v-291.46q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846h-73.077v82.692H270.771v-82.692h-73.077q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v564.612q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846h244.383v45.384H197.694q-24.846 0-41.27-16.423-16.423-16.424-16.423-41.27v-564.612q0-24.846 16.423-41.27 16.424-16.423 41.27-16.423h202q5.076-29.23 27.576-48.46 22.5-19.231 52.73-19.231 30.421 0 52.825 19.231 22.405 19.23 27.481 48.46h202q24.846 0 41.27 16.423 16.423 16.424 16.423 41.27v291.46ZM480-769.999q15.461 0 25.807-10.346 10.347-10.346 10.347-25.808 0-15.461-10.347-25.807-10.346-10.346-25.807-10.346-15.461 0-25.807 10.346-10.347 10.346-10.347 25.807 0 15.462 10.347 25.808 10.346 10.346 25.807 10.346Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_5261543619987 {
  /*marketplace*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M829.999-521.693v334q0 23.615-17.038 40.654-17.039 17.038-40.654 17.038H186.693q-23.615 0-40.654-17.038-17.038-17.039-17.038-40.654v-334.769q-27.616-22.077-37-55.153-9.385-33.077 1.23-66.923l41.077-131.538q8-26.231 26.846-40.077 18.846-13.846 44.462-13.846h544.153q26.846 0 46.692 13.961 19.846 13.962 27.461 39.192l42.847 132.308q10.615 33.846.73 67.307-9.884 33.462-37.5 55.538Zm-260.768-20.999q34.385 0 55.154-20.538 20.769-20.539 17.154-46.385L615-784.616H502.692v170.385q0 28.693 19.115 50.116 19.116 21.423 47.424 21.423Zm-185.077 0q31.077 0 52.116-20.923 21.038-20.923 21.038-50.616v-170.385H344.615l-26.539 176.54q-3.23 22.922 15.924 44.153 19.154 21.231 50.154 21.231Zm-180.846 0q26.308 0 45.539-18.038 19.231-18.039 22.615-44.347l26.385-179.539H197.078q-6.539 0-10.578 2.885t-5.578 8.655L138-634q-10.77 33.308 8.577 62.308 19.346 29 56.731 29Zm552.384 0q34.693 0 55.885-27.731Q832.77-598.154 821.616-634l-43.308-139.846q-1.538-5.769-5.577-8.27-4.039-2.5-10.578-2.5H661.769l26.384 179.539q3.769 26.308 22.808 44.347 19.039 18.038 44.731 18.038ZM186.693-175.384h585.614q5 0 8.655-3.462 3.654-3.462 3.654-8.847v-312.538q-2.462 1.769-11.116 2.346-8.654.577-17.808.577-25.385 0-47.308-10.885t-42.769-34.038q-15.615 20.384-39.23 32.653-23.616 12.27-55.308 12.27-27.692 0-48.808-9.654-21.115-9.654-42.269-30.808-17.308 19.923-41.077 30.192-23.769 10.27-50.077 10.27-28.692 0-52.692-10.423t-41-34.5Q267.692-517 244.5-507.154q-23.193 9.846-41.192 9.846-8.539 0-16.385-.577-7.846-.577-12.539-2.346v312.538q0 5.385 3.654 8.847 3.655 3.462 8.655 3.462Zm585.614 0H186.693h585.614Z' fill='%2346178f' /%3E%3C/svg%3E ");
}/*END billing and subscriptions*/
/*START discover and collaborate*/
.hc_115000141587 {
  /*discover*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m275.309-275.309 268.844-139.922 139.923-268.845-268.845 139.923-139.922 268.844ZM480-440q-17 0-28.5-11.5T440-480q0-17 11.5-28.5T480-520q17 0 28.5 11.5T520-480q0 17-11.5 28.5T480-440Zm.067 339.999q-78.221 0-147.397-29.92-69.176-29.92-120.989-81.71-51.814-51.791-81.747-120.936-29.933-69.146-29.933-147.366 0-78.836 29.92-148.204 29.92-69.369 81.71-120.682 51.791-51.314 120.936-81.247 69.146-29.933 147.366-29.933 78.836 0 148.204 29.92 69.369 29.92 120.682 81.21 51.314 51.291 81.247 120.629 29.933 69.337 29.933 148.173 0 78.221-29.92 147.397-29.92 69.176-81.21 120.989-51.291 51.814-120.629 81.747-69.337 29.933-148.173 29.933ZM480-145.385q139.692 0 237.154-97.769Q814.615-340.923 814.615-480q0-139.692-97.461-237.154Q619.692-814.615 480-814.615q-139.077 0-236.846 97.461Q145.385-619.692 145.385-480q0 139.077 97.769 236.846T480-145.385ZM480-480Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360003018353 {
  /*workspaces*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m390.385-420.462 34.077-109.382-89.231-66.925h109.354L480-709.999l34.415 113.23h110.354l-88.846 66.925L569-420.462 479.998-488l-89.613 67.538ZM262.848-70.772v-282.844q-43.077-43.154-62.962-96.846Q180.001-504.154 180.001-560q0-126.769 86.615-213.384Q353.231-859.999 480-859.999q126.769 0 213.384 86.615Q779.999-686.769 779.999-560q0 55.846-19.885 109.538t-62.962 96.846v282.844L480-140.168 262.848-70.771Zm217.107-234.613q106.737 0 180.699-73.916 73.961-73.916 73.961-180.654 0-106.737-73.916-180.699-73.916-73.961-180.654-73.961-106.737 0-180.699 73.916-73.961 73.916-73.961 180.654 0 106.737 73.916 180.699 73.916 73.961 180.654 73.961ZM308.231-133.231 480-186.308l171.769 53.077v-182.924q-38.077 29-82.731 42.577-44.653 13.577-89.038 13.577t-89.038-13.577q-44.654-13.577-82.731-42.577v182.924ZM480-225.001Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360008902773 {
  /*groups*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m163.463-396.538 71.23-69.999-71.23-71.23-70 71.23 70 69.999ZM721.461-405l75.846-122.306L874.152-405H721.461Zm-241.325-54.999q-43.212 0-73.597-30.288-30.384-30.288-30.384-73.557 0-44.134 30.288-73.989 30.288-29.855 73.557-29.855 44.134 0 73.99 29.816 29.855 29.816 29.855 73.893 0 43.212-29.816 73.596-29.817 30.384-73.893 30.384Zm.215-162.306q-24.582 0-41.697 16.716-17.115 16.717-17.115 41.395 0 24.581 16.966 41.697 16.966 17.115 42.038 17.115 24.688 0 41.303-16.966 16.615-16.967 16.615-42.039 0-24.687-16.716-41.303-16.716-16.615-41.394-16.615ZM480-563.844ZM20.002-248.462v-41.461q0-37.156 39.905-60.539 39.906-23.384 103.58-23.384 11.377 0 22.215.693 10.837.692 20.683 2.419-6.846 15.35-10.461 31.615t-3.615 34.234v56.423H20.001Zm239.999 0v-54.999q0-57.308 60.988-91.923 60.987-34.615 159.117-34.615 99.047 0 159.47 34.615t60.423 91.923v54.999H260.001Zm537.306-125.384q64.538 0 103.615 23.384 39.077 23.383 39.077 60.539v41.461H767.691v-56.423q0-17.969-3.115-34.234t-10.346-31.615q10.231-1.727 21.089-2.419 10.858-.693 21.988-.693Zm-317.554-10.769q-78.984 0-127.445 23.038-48.462 23.039-47.308 59.654v8.077h350v-8.692q1.154-36-46.808-59.039-47.961-23.038-128.439-23.038Zm.247 90.769Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_22972606249107 {
  /*learn more*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M200.793-379.232q-43.004 0-71.897-28.803-28.893-28.803-28.893-71.807 0-43.004 28.802-72.157 28.803-29.154 71.807-29.154 43.004 0 72.158 29.063 29.154 29.063 29.154 72.067 0 43.004-29.063 71.898-29.064 28.893-72.068 28.893Zm-.137-45.383q24.115 0 39.999-15.578 15.885-15.578 15.885-39.692 0-24.115-15.858-40-15.857-15.884-39.972-15.884-24.115 0-39.719 15.857-15.605 15.858-15.605 39.973 0 24.114 15.578 39.719 15.577 15.605 39.692 15.605Zm279.367 45.383q-43.004 0-71.898-28.803-28.893-28.803-28.893-71.807 0-43.004 28.803-72.157 28.803-29.154 71.807-29.154 43.004 0 72.157 29.063 29.154 29.063 29.154 72.067 0 43.004-29.063 71.898-29.063 28.893-72.067 28.893Zm-.138-45.383q24.115 0 40-15.578 15.884-15.578 15.884-39.692 0-24.115-15.857-40-15.858-15.884-39.973-15.884-24.114 0-39.719 15.857-15.605 15.858-15.605 39.973 0 24.114 15.578 39.719t39.692 15.605Zm279.367 45.383q-43.004 0-71.898-28.803-28.893-28.803-28.893-71.807 0-43.004 28.803-72.157 28.803-29.154 71.807-29.154 43.004 0 72.158 29.063 29.153 29.063 29.153 72.067 0 43.004-29.063 71.898-29.063 28.893-72.067 28.893Z' fill='%2346178f' /%3E%3C/svg%3E ");
}/*END discover and collaborate*/
/*START mobile apps*/
.hc_115000144707 {
  /*set up*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M277.694-60.002q-23.596 0-40.645-17.047-17.048-17.048-17.048-40.645v-724.612q0-23.596 17.048-40.645 17.049-17.048 40.645-17.048h404.612q23.596 0 40.645 17.048 17.048 17.049 17.048 40.645v135.999h-45.384v-60.231h-429.23v573.076h429.23v-60.231h45.384v135.999q0 23.597-17.048 40.645-17.049 17.048-40.645 17.048H277.694Zm-12.309-88.076v30.384q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846h404.612q4.616 0 8.463-3.846 3.846-3.847 3.846-8.463v-30.384h-429.23ZM695.23-345.847l-3.461-38.307q-15.077-3-26.423-9.962-11.347-6.962-19.116-16.5l-33.076 16.692-22.077-34.845 30.23-22.385q-5.769-13.307-5.769-30.077 0-16.769 5.769-30.462l-30.23-22.384 21.692-34.845 33.461 16.692q7.769-9.539 18.5-16.5 10.731-6.962 27.039-9.962l3.461-38.692h42.439l3.945 38.692q16.308 3 26.846 9.962 10.539 6.961 18.693 16.5l33.461-16.692 21.692 34.845-30.231 22.384q5.77 13.693 5.77 30.462 0 16.77-5.77 30.077l30.231 22.385-22.077 34.845-33.076-16.692q-8.154 9.538-19.5 16.5-11.347 6.962-26.039 9.962l-3.945 38.307H695.23Zm21.269-70.538q27.423 0 46.423-18.807 19-18.808 19-46.231 0-27.423-18.949-46.231-18.948-18.807-46.282-18.807-27.615 0-46.423 18.839-18.807 18.84-18.807 46.007 0 27.615 18.807 46.423 18.808 18.807 46.231 18.807ZM265.385-811.922h429.23v-30.384q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846H277.694q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v30.384Zm0 0v-42.693 42.693Zm0 663.844v42.693-42.693Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_360002450794 {
  /*create and discover*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M790.615-137.54 531.077-397.078q-29.848 26.414-69.61 40.707t-82.313 14.293q-101.873 0-172.436-70.514t-70.563-170.999q0-100.485 70.514-171.062 70.514-70.577 171.219-70.577 100.706 0 171.255 70.533 70.548 70.532 70.548 171.054 0 42.028-14.384 81.835-14.385 39.808-41.616 72.115l260.154 258.539-33.23 33.614ZM378.539-387.461q81.955 0 138.862-57.116 56.907-57.115 56.907-139.077 0-81.961-56.907-139.077-56.907-57.115-138.862-57.115-82.468 0-139.734 57.115-57.266 57.116-57.266 139.077 0 81.962 57.266 139.077 57.266 57.116 139.734 57.116Zm-23.308-95.001v-79.308h-79.307v-45.383h79.307v-78.308h45.384v78.308h78.307v45.383h-78.307v79.308h-45.384Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_115000513708 {
  /*play and share*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M157.694-180.001q-23.5 0-40.596-17.097-17.097-17.096-17.097-40.596v-564.612q0-23.5 17.097-40.596 17.096-17.097 40.596-17.097h213.46q23.5 0 40.596 17.097 17.096 17.096 17.096 40.596v187.46h-45.383v-81H145.385v351.692h283.461v106.46q0 23.5-17.096 40.596-17.096 17.097-40.596 17.097h-213.46Zm435.613 80q-25.84 0-43.997-18.157-18.156-18.157-18.156-43.997v-181.999h45.383v80h238.078v-350.692H531.154v-107.46q0-23.5 17.096-40.596 17.096-17.097 40.596-17.097h213.46q23.5 0 40.596 17.097 17.097 17.096 17.097 40.596v564.612q0 23.5-17.097 40.596-17.096 17.097-40.596 17.097H593.307ZM145.385-298.77v61.076q0 5.385 3.462 8.847 3.462 3.462 8.847 3.462h213.46q5.385 0 8.847-3.462 3.462-3.462 3.462-8.847v-61.076H145.385Zm431.152 80v61.076q0 5.385 3.462 8.847 3.462 3.462 8.847 3.462h213.46q5.385 0 8.847-3.462 3.462-3.462 3.462-8.847v-61.076H576.537ZM145.385-741.23h238.078v-61.076q0-5.385-3.462-8.847-3.462-3.462-8.847-3.462h-213.46q-5.385 0-8.847 3.462-3.462 3.462-3.462 8.847v61.076Zm431.152 81h238.078v-62.076q0-5.385-3.462-8.847-3.462-3.462-8.847-3.462h-213.46q-5.385 0-8.847 3.462-3.462 3.462-3.462 8.847v62.076ZM322.915-452.693q-11.299 0-19.222-8.084-7.923-8.085-7.923-19.385 0-11.299 8.085-19.222 8.085-7.923 19.384-7.923 11.3 0 19.223 8.084 7.923 8.085 7.923 19.385 0 11.299-8.085 19.222-8.085 7.923-19.385 7.923Zm156.923 0q-11.299 0-19.222-8.084-7.923-8.085-7.923-19.385 0-11.299 8.084-19.222 8.085-7.923 19.385-7.923 11.299 0 19.222 8.084 7.923 8.085 7.923 19.385 0 11.299-8.084 19.222-8.085 7.923-19.385 7.923Zm156.538 0q-11.299 0-19.222-8.084-7.923-8.085-7.923-19.385 0-11.299 8.085-19.222 8.085-7.923 19.384-7.923 11.3 0 19.223 8.084 7.923 8.085 7.923 19.385 0 11.299-8.085 19.222-8.085 7.923-19.385 7.923ZM145.385-298.77v73.385-73.385Zm431.152 80v73.385-73.385ZM145.385-741.23v-73.385 73.385Zm431.152 81v-74.385 74.385Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_4412889303699 {
  /*kahoot kids*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='m188.154-529.46 108.692 46.154q19.154-38.308 41.578-75.423 22.423-37.116 48.5-71.039l-75.538-14.846q-3.077-.77-5.962.192t-5.193 3.27L188.154-529.46Zm144.768 73.692 127.615 127.615q55.462-26 104.885-59t84.654-68.231q75.23-75.231 111.115-154.269 35.884-79.038 41.192-188.346-109.692 5.308-188.346 41-78.653 35.693-153.883 110.923-35.232 35.231-68.232 84.846-33 49.616-59 105.462Zm229.77-102.924q-18.077-17.692-18.077-43.922 0-26.231 18.077-44.308 18.077-18.077 44.499-18.077 26.423 0 44.5 18.077t18.077 44.308q0 26.23-18.077 43.922-18.077 18.077-44.5 18.077-26.422 0-44.499-18.077ZM533.46-183.769l112.077-111.693q2.308-2.308 3.077-5.385.77-3.077.385-5.769l-15.231-75.539q-33.923 25.693-70.846 48.116t-75.616 41.962l46.154 108.308Zm314.076-658.998q5.538 126.384-34.962 228.191-40.499 101.807-129.114 190.037-2.539 2.539-4.885 5.077-2.346 2.539-4.885 4.693l19.692 98.845q2.616 14.615-1.692 28.038t-14.538 23.654L518.076-104.54l-75.769-177.614-156.153-155.768-177.229-76.538 159.307-158.692q10.615-10.23 24.038-14.73t28.039-1.5l99.23 19.692q2.538-2.154 4.692-4.385 2.154-2.231 4.693-4.385 88.614-88.615 190.229-129.23 101.614-40.615 228.383-35.077ZM175.156-320q29.23-29.615 71.076-29.538 41.845.077 71.46 29.308 29.23 29.23 28.923 71.076-.308 41.845-29.538 71.46-23.692 23.308-72.423 38.961-48.73 15.654-134.267 26.038 10.384-85.536 25.731-134.767 15.346-49.23 39.038-72.538Zm31.614 33q-13.615 14.615-24.423 44.884-10.807 30.269-17.269 74.5 44.231-6.847 74.5-17.654 30.269-10.808 44.884-24.808 17.077-15.461 17.385-38.461.307-23-16.154-40.077-17.077-16.461-40.077-15.961-23 .5-38.846 17.577Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_4468203653523 {
  /*learning apps*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M479.385-166.157 212.079-312.464v-216.921L81.541-600l397.844-216.921L878.458-600v285.459h-45.383v-258.921l-86.384 44.077v216.921L479.385-166.157Zm0-268.382L782.845-600l-303.46-163.23L177.155-600l302.23 165.461Zm0 216.921 221.922-121.999v-162.231L479.385-383.15 257.462-503.463v163.846l221.923 121.999ZM480-434.539Zm-.615 60.538Zm0 0Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_28366104845587 {
  /*dragonbox skole*/
  content: url(/hc/theming_assets/01JRH58G0Z1B43S423Z9WRD0YB) / "DragonBox Skole";
  object-fit: scale-down;
}/*END mobile apps*/
/*START reseller area*/
.hc_23834334274451 {
  /*reseller academy*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M479-120 189-279v-240L40-600l439-240 441 240v317h-60v-282l-91 46v240L479-120Zm0-308 315-172-315-169-313 169 313 172Zm0 240 230-127v-168L479-360 249-485v170l230 127Zm1-240Zm-1 74Zm0 0Z' fill='%2346178f' /%3E%3C/svg%3E ");
}

.hc_23834333266963 {
  /*resources*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M480-160q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740v506q51-33 107-49.5T700-300q36 0 78.5 7t81.5 29v-505q9.886 3.75 19.443 7.875Q889-757 898-752q10 6 16 15.677 6 9.678 6 20.323v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59Zm60-167v-353l260-260v387L540-327Zm-120 63v-439q-34-19-79-28t-81-9q-47 0-87.5 10T100-704.467V-264q35-17 75.5-26.5t85-9.5q44.5 0 84.5 9.5t75 26.5Zm0 0v-439 439Z' fill='%2346178f' /%3E%3C/svg%3E ");
}/*END reseller area*/

/*START reseller area*/

.hc_34530422176915 {
  /*webinars for school*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 0 64 50'%3E%3Cpath d='M58.5254 49.9998H40.769C40.769 49.3802 40.7492 48.7498 40.7097 48.1088C40.6702 47.4678 40.6216 46.8375 40.5639 46.2178H58.5254C58.8246 46.2178 59.0703 46.1217 59.2627 45.9293C59.4549 45.737 59.5511 45.4913 59.5511 45.1921V4.80775C59.5511 4.50858 59.4549 4.26283 59.2627 4.0705C59.0703 3.87817 58.8246 3.782 58.5254 3.782H4.80767C4.52989 3.782 4.28947 3.87817 4.08642 4.0705C3.88342 4.26283 3.78192 4.50858 3.78192 4.80775V9.19867C3.16231 9.141 2.53556 9.09239 1.90167 9.05284C1.26778 9.01334 0.633889 8.99359 0 8.99359V4.80775C0 3.50219 0.474889 2.37453 1.42467 1.42475C2.37444 0.474921 3.50211 0 4.80767 0H58.5254C59.8475 0 60.9793 0.474921 61.9208 1.42475C62.8623 2.37453 63.3331 3.50219 63.3331 4.80775V45.1921C63.3331 46.4976 62.8623 47.6253 61.9208 48.5751C60.9793 49.5249 59.8475 49.9998 58.5254 49.9998ZM0 49.9998V42.7755C1.92661 42.7755 3.57278 43.4814 4.9385 44.8933C6.30422 46.3052 6.98708 48.0073 6.98708 49.9998H0ZM15.5127 49.9998C15.5127 45.6597 14.0085 41.9551 10.9999 38.8858C7.99142 35.8166 4.32478 34.2713 0 34.2499V30.4679C5.37328 30.4679 9.93236 32.3737 13.6772 36.1853C17.4222 39.997 19.2947 44.6018 19.2947 49.9998H15.5127ZM28.4614 49.9998C28.4614 46.051 27.721 42.3298 26.2402 38.8363C24.7595 35.3428 22.7328 32.2958 20.1602 29.6954C17.5875 27.095 14.5735 25.0458 11.1181 23.548C7.66264 22.0501 3.95661 21.3012 0 21.3012V17.5193C4.47006 17.5193 8.66108 18.3745 12.5731 20.0851C16.4851 21.7956 19.8977 24.1172 22.8109 27.0498C25.7241 29.9824 28.0244 33.4269 29.712 37.3833C31.3996 41.3397 32.2433 45.5452 32.2433 49.9998H28.4614Z' fill='%2346178f' /%3E%3Cpath d='M32.619 26.0324C33.881 26.0324 35.1088 26.1711 36.3025 26.4483C37.4961 26.7256 38.681 27.1604 39.8571 27.7529V13.2409C38.7867 12.5654 37.6282 12.0587 36.3817 11.7209C35.1352 11.3831 33.881 11.2142 32.619 11.2142C31.656 11.2142 30.7187 11.298 29.8072 11.4655C28.896 11.6331 28.0555 11.8985 27.2857 12.2619V26.9465C28.0867 26.6513 28.9473 26.4251 29.8674 26.2679C30.7876 26.1109 31.7048 26.0324 32.619 26.0324ZM42.1429 27.7529C43.319 27.1604 44.5039 26.7256 45.6975 26.4483C46.8912 26.1711 48.119 26.0324 49.381 26.0324C50.2952 26.0324 51.2124 26.1109 52.1326 26.2679C53.0527 26.4251 53.9133 26.6513 54.7143 26.9465V12.2619C53.9445 11.8985 53.104 11.6331 52.1928 11.4655C51.2813 11.298 50.344 11.2142 49.381 11.2142C48.119 11.2142 46.8648 11.3831 45.6183 11.7209C44.3718 12.0587 43.2133 12.5654 42.1429 13.2409V27.7529ZM41 31C39.7713 30.1219 38.4458 29.4435 37.0236 28.9648C35.6014 28.486 34.1332 28.2466 32.619 28.2466C31.3218 28.2466 30.0027 28.4548 28.6617 28.871C27.3205 29.2873 26.0999 29.8939 25 30.6908V10.9618C25.9905 10.3371 27.1656 9.85407 28.5253 9.51259C29.8851 9.17086 31.2497 9 32.619 9C34.1017 9 35.5503 9.19633 36.965 9.58898C38.3793 9.98188 39.7243 10.5615 41 11.3279C42.2757 10.5615 43.6207 9.98188 45.035 9.58898C46.4497 9.19633 47.8983 9 49.381 9C50.7504 9 52.1125 9.17086 53.4674 9.51259C54.8221 9.85407 55.9996 10.3371 57 10.9618V30.6908C55.9158 29.8939 54.6992 29.2873 53.3501 28.871C52.0013 28.4548 50.6782 28.2466 49.381 28.2466C47.8668 28.2466 46.3986 28.486 44.9764 28.9648C43.5542 29.4435 42.2287 30.1219 41 31ZM43.9596 16.7726V14.8307C44.7881 14.458 45.655 14.1784 46.5604 13.9919C47.466 13.8054 48.4062 13.7122 49.381 13.7122C49.9925 13.7122 50.5864 13.7544 51.1627 13.8388C51.7389 13.9229 52.3172 14.0341 52.8975 14.1724V16.0231C52.3271 15.83 51.76 15.6899 51.1962 15.6028C50.6326 15.5157 50.0276 15.4721 49.381 15.4721C48.4062 15.4721 47.4621 15.5843 46.5486 15.8087C45.6353 16.0331 44.7723 16.3544 43.9596 16.7726ZM43.9596 24.863V22.8927C44.7685 22.52 45.633 22.2403 46.5531 22.0539C47.4733 21.8676 48.4159 21.7745 49.381 21.7745C49.9925 21.7745 50.5864 21.8166 51.1627 21.9007C51.7389 21.9849 52.3172 22.0961 52.8975 22.2343V24.085C52.3271 23.8919 51.76 23.7518 51.1962 23.6647C50.6326 23.5779 50.0276 23.5344 49.381 23.5344C48.4062 23.5344 47.4621 23.6475 46.5486 23.8736C45.6353 24.0997 44.7723 24.4295 43.9596 24.863ZM43.9596 20.832V18.8617C44.7881 18.489 45.655 18.2094 46.5604 18.0229C47.466 17.8364 48.4062 17.7432 49.381 17.7432C49.9925 17.7432 50.5864 17.7854 51.1627 17.8697C51.7389 17.9539 52.3172 18.0651 52.8975 18.2034V20.0541C52.3271 19.8609 51.76 19.7208 51.1962 19.6337C50.6326 19.5469 50.0276 19.5035 49.381 19.5035C48.4062 19.5035 47.4621 19.6203 46.5486 19.854C45.6353 20.0878 44.7723 20.4137 43.9596 20.832Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

.hc_32894854618387 {
  /*webinars for work*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 0 64 50'%3E%3Cpath d='M58.5254 49.9998H40.769C40.769 49.3802 40.7492 48.7498 40.7097 48.1088C40.6702 47.4678 40.6216 46.8375 40.5639 46.2178H58.5254C58.8246 46.2178 59.0703 46.1217 59.2627 45.9293C59.4549 45.737 59.5511 45.4913 59.5511 45.1921V4.80775C59.5511 4.50858 59.4549 4.26283 59.2627 4.0705C59.0703 3.87817 58.8246 3.782 58.5254 3.782H4.80767C4.52989 3.782 4.28947 3.87817 4.08642 4.0705C3.88342 4.26283 3.78192 4.50858 3.78192 4.80775V9.19867C3.16231 9.141 2.53556 9.09239 1.90167 9.05284C1.26778 9.01334 0.633889 8.99359 0 8.99359V4.80775C0 3.50219 0.474889 2.37453 1.42467 1.42475C2.37444 0.474921 3.50211 0 4.80767 0H58.5254C59.8475 0 60.9793 0.474921 61.9208 1.42475C62.8623 2.37453 63.3331 3.50219 63.3331 4.80775V45.1921C63.3331 46.4976 62.8623 47.6253 61.9208 48.5751C60.9793 49.5249 59.8475 49.9998 58.5254 49.9998ZM0 49.9998V42.7755C1.92661 42.7755 3.57278 43.4814 4.9385 44.8933C6.30422 46.3052 6.98708 48.0073 6.98708 49.9998H0ZM15.5127 49.9998C15.5127 45.6597 14.0085 41.9551 10.9999 38.8858C7.99142 35.8166 4.32478 34.2713 0 34.2499V30.4679C5.37328 30.4679 9.93236 32.3737 13.6772 36.1853C17.4222 39.997 19.2947 44.6018 19.2947 49.9998H15.5127ZM28.4614 49.9998C28.4614 46.051 27.721 42.3298 26.2402 38.8363C24.7595 35.3428 22.7328 32.2958 20.1602 29.6954C17.5875 27.095 14.5735 25.0458 11.1181 23.548C7.66264 22.0501 3.95661 21.3012 0 21.3012V17.5193C4.47006 17.5193 8.66108 18.3745 12.5731 20.0851C16.4851 21.7956 19.8977 24.1172 22.8109 27.0498C25.7241 29.9824 28.0244 33.4269 29.712 37.3833C31.3996 41.3397 32.2433 45.5452 32.2433 49.9998H28.4614Z' fill='%2346178f' /%3E%3Cpath d='M26 32.5L39.5 19L42 21.5L49.5 14' stroke='%2346178f' stroke-width='4'/%3E%3Cpath d='M52.0183 10.7183L51.9475 18.0124L44.774 11.5722L52.0183 10.7183Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

/*START learning hub*/
.hc_36557384252947 {
  /*work learning hub*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M140-120q-24 0-42-18t-18-42v-480q0-24 18-42t42-18h180v-100q0-24 18-42t42-18h200q24 0 42 18t18 42v100h180q24 0 42 18t18 42v480q0 24-18 42t-42 18H140Zm240-600h200v-100H380v100Zm440 349H571v60H391v-60H140v191h680v-191Zm-369 0h60v-60h-60v60Zm-311-60h251v-60h180v60h249v-229H140v229Zm340 30Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

.hc_36557165192723 {
  /*edu learning hub*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M297-160q-8 0-15-4t-11-11l-84-150h71l42 80h90v-30h-72l-42-80H171l-63-110q-2-4-3-7.5t-1-7.5q0-2 4-15l63-110h105l42-80h72v-30h-90l-42 80h-71l84-150q4-7 11-11t15-4h118q13 0 21.5 8.5T445-770v175h-85l-30 30h115v130h-98l-39-80h-98l-30 30h108l40 80h117v215q0 13-8.5 21.5T415-160H297Zm273 0q-29 0-49.5-20.5T500-230q0-21 11-38t29-25v-374q-18-8-29-25t-11-38q0-29 20.5-49.5T570-800q29 0 49.5 20.5T640-730q0 21-11 38t-29 25v114l100-60q-3-31 18-54t52-23q29 0 49.5 20.5T840-620q0 29-20.5 49.5T770-550q-11 0-21-3t-18-8l-108 65 116 93q7-3 15-5t16-2q29 0 49.5 20.5T840-340q0 29-20.5 49.5T770-270q-35 0-55.5-27T702-356l-102-82v146q17 8 28 24.5t11 37.5q0 29-20 49.5T570-160Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

/*START language learning*/
.hc_41375565103507 {
  /*getting started & account basics*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M140-100v-47.69h100V-190h-60v-47.69h60V-280H140v-47.69h113.85q14.38 0 24.11 9.73 9.73 9.73 9.73 24.11v47.7q0 14.38-9.73 24.11-9.73 9.73-24.11 9.73 14.38 0 24.11 9.73 9.73 9.73 9.73 24.12v44.61q0 14.39-9.73 24.12T253.85-100H140Zm0-266.15V-470q0-14.38 9.73-24.12 9.73-9.73 24.12-9.73H240v-42.3H140v-47.7h113.85q14.38 0 24.11 9.73 9.73 9.74 9.73 24.12v70q0 14.38-9.73 24.12-9.73 9.73-24.11 9.73h-66.16v42.3h100v47.7H140Zm60-266.16v-180h-60V-860h107.69v227.69H200ZM372.31-210v-60H820v60H372.31Zm0-240v-60H820v60H372.31Zm0-240v-60H820v60H372.31Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

.hc_41375602480531 {
  /*getting started & account basics*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M843.92-225.85 738.15-332l41.77-41.77L886.08-268l-42.16 42.15ZM708-698.54l-41.77-41.77L772-846.08l42.15 41.77L708-698.54Zm-456 .39L146.23-804.31 188-846.08l106.15 105.77L252-698.15Zm-136.31 472.3L73.92-268l105.77-105.77L221.85-332 115.69-225.85Zm220.62-39.99L480-352.23l144.08 87.77-37.62-163.62 126.39-109.07-166.39-14.93L480-706.54l-66.08 153.46-166.38 14.54 126.38 110.46-37.61 162.24Zm-91 125.84 61.92-266L100-585.38l273.39-23.47L480-860l107 251.15 273.38 23.47L653.15-406l61.93 266L480-281.31 245.31-140Zm235.07-346Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

.hc_41375573762323 {
  /*progress & motivation*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='M480-393.46Zm-136.23-40.31 58.46 39.31L480-433.85l77.77 39.39L615-432.54l-40.38-80.54q-1.54-3.07-4.62-5-3.08-1.92-6.54-1.92H393.69q-3.46 0-6.34 1.92-2.89 1.93-4.43 5l-39.15 79.31ZM209-160h541L641.77-378.23l-79.54 52.69L480-366.15l-82.23 40.61-81.15-53.69L209-160Zm-96.69 60 216.31-439.61q9.23-18.08 26.8-29.23Q373-580 393.69-580H450v-280h253.84l-34.99 70 34.99 70H510v140h52.69q20.69 0 37.77 10.85 17.08 10.84 26.92 28.92L847.69-100H112.31Z' fill='%2346178f' /%3E%3C/svg%3E ");
  width: 90px;
}

/*
.hc_ {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='test' viewBox='0 -960 960 960'%3E%3Cpath d='' fill='%2346178f' /%3E%3C/svg%3E ");
}
*/
/* mosaic end */

/* post collection */
.post-collection__title {
  text-align: center;
  margin-bottom: 16px;
}

.post-collection__container {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 4px;
}

.post-collection__post {
  flex: 1;
  min-width: 264px;
  max-width: 264px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.post-collection__post:hover,
.post-collection__post:focus,
.post-collection__post:active {
  color: #00CB39;
  text-decoration: none;
}

.post__image {
  max-width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.post__content {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.post__content__title {
  font-size: 18px;
  font-weight: 600;
}

.post__content__description {
  font-size: 16px;
}

.post__image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
/* post colelction end */

/* footer */
.footer-cta {
  background-color: #1E0C54;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: 16px;
  position: relative;
  text-align: center;
  margin-top: auto;
}

.footer-cta div {
  color: #fff;
  z-index: 1;
}

.footer-cta__chatbot {
  
}

.chatbot-input {
  width: 600px;
  max-width: 98vw;
  padding: 11px 24px;
  border-radius: 4px;
}

.chat-bar .chatbot-input {
  max-width: 88vw;
}

button.chatbot-button {
  color: #fff !important;
}

.chatbot-button {
  background-color: #1c635b;
  padding: 8px 24px;
  border: 4px solid #10C543;
  border-radius: 4px;
  font-weight: 700;
  transition: 0.3s
}

.chatbot-button:hover {
  background-color: #2d7f76;
  cursor: pointer;
}

.footer-cta__buttons {
  padding: 16px;
  display: flex;
  gap: 16px;
}

.footer-cta__image {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-top: 32px;
}

.footer__status-link {
  text-decoration: underline;
  margin-top: 16px;
}

img {
  max-width: 100%;
}

.footer_cut-in {
  fill: #1E0C54;
  position: absolute;
  top: calc(1vw - 9vw);
}
/* footer end */

/* section */
.section-hero {
  width: 100%;
  min-height: 200px;
  display: flex;
  /*justify-content: center;
  padding-top: 80px;*/
  align-items: center;
  flex-direction: column;
  /*background-image: url(/hc/theming_assets/01JAX4XTMFRPHB961M13TKD6RK);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #E8E8E8;
  background-position: center bottom;*/
  background: linear-gradient(120deg,#3a04a2 30%, #d48aff 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
}

.section-hero-category {
  clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
}

.section-hero__breadcrumbs {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}

@media (max-width: 780px) {
  .section-hero__breadcrumbs {
    display: unset;
  }
}

.section-hero form {
  max-width: 300px;
}

.hero-overlay {
  width: 100%;
}

.section-hero--category {
  background: url(/hc/theming_assets/01JT6CSQNQFR27RHXRFCT7PYZP), #3b05a2;
  background-blend-mode: overlay;
  background-size: cover;
  background-position-y: 30%;
  height: 500px;
}

.section-hero--search {
  background-image: url(/hc/theming_assets/01JAX4XTMFRPHB961M13TKD6RK);
  background-size: cover;
  background-position: center;
}

.section-hero--community {
  background: linear-gradient(120deg,#3a04a2 30%, #d48aff 100%);
  align-items: start;
  flex-direction: row;
  padding-top: 0;
  justify-content: space-between;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
}

.section-hero--community .section-hero__container {
  width: fit-content;
}
.community-hero--main {
  padding-left: 10px;
  z-index: 1;
  width: 50%;
}

.community-hero--main .section-hero__container {
  margin-top: 40px;
  margin-left: 10%;
}

.community-hero--main .section-hero__container .section-hero__title, .community-hero--main .section-hero__container .section-hero__description {
  text-align: left;
}

.section-hero--category .section-hero__container, .article-hero .section-hero__title--article {
  margin: 40px 0;
}

.community-hero-image--container {
  position: absolute;
  width: 100%;
}

.community-hero--image {
  height:400px;
  width: 800px;
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  background-image: url(/hc/theming_assets/01JAX4XNHYXF98PH1BYWWEDY5B);
  display: block;
  float: right;
  background-size: cover;
  background-repeat: no-repeat;
  
}

.community-hero--image img {
  height:400px;
  object-fit: cover;
}

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

.article-hero {
  background-color: #fff;
  background: linear-gradient(160deg, #36009e 40%, #9a78ff 200%);
}
/* section end */

/* breadcrumbs start */
.crumb-btns {
  background: #36009e;
  border-radius: 6px;
}

.crumb-btns, .crumb-btns nav, .crumb-btns ol {
  display: flex;
  flex-wrap: wrap;
}

.crumb-btns nav {
  margin-top: 6px;
}

.crumb-btns nav:first-child li a {
  border-radius: 6px 0 0 6px;
}

.crumb-btns:not(.crumb-btns-article, .crumb-post) nav:last-child li a:not(.link-home), .crumb-post ol.breadcrumbs li:last-child a:not(.link-home) {
  border-radius: 0 6px 6px 0;
}

.crumb-btns-article nav li:last-child a:not(.link-home, .article-in-section) {
  border-radius: 0 6px 6px 0;
}

.crumb-btns-article {
  background: none;
}

.crumb-btns-article nav ol.breadcrumbs:not(.home-btn) li:last-child a:not(.article-in-section) {
  display: none;
}

.crumb-btns nav:only-child li a {
  border-radius: 6px;
}

.crumb-btns li {
  font-weight: 600;
  transition: 0.3s;
  font-size: 12px;
  display: inline-block;
}

.crumb-btns li a {
  padding: 7px;
  transition: 0.3s;
  text-shadow: 0 -1px 2px #000, 0 1px 3px #000;
}

.crumb-btns li a:hover {
  background: #5a46ff;
  text-decoration: none;
}

.breadcrumbs {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}

.breadcrumbs:not(.home-btn, .comm, .art) li:before, .crumb-topics:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 -960 960 960'%3E%3Cpath d='m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z' fill='%23fff' /%3E%3C/svg%3E ");
  vertical-align: top;
}

.breadcrumbs:not(.home-btn) li {
  color: #fff;
}

.breadcrumbs:not(.home-btn, .comm, .art) li:first-child {
  display: none;
}

.section-nav .breadcrumbs:not(.home-btn) li:last-child {
  display: none;
}

.link-home:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 -960 960 960'%3E%3Cpath d='M176.74-135.52v-337l-59.48 46.17-54.17-72.13 416.34-317.83 416.92 317.83-54.74 71.57-59.48-45.61v337H176.74Zm165.52-225.61q-17.79 0-30.59-12.44t-12.8-30.3q0-16.87 12.8-29.85t30.59-12.98q16.78 0 29.76 12.94T385-403.95q0 17.86-12.98 30.34t-29.76 12.48Zm137.14-.57q-17.79 0-30.27-12.43-12.48-12.44-12.48-30.31 0-16.86 12.48-30.13 12.48-13.26 30.27-13.26 16.78 0 30.08 13.26 13.3 13.27 13.3 30.13 0 17.87-13.3 30.31-13.3 12.43-30.08 12.43Zm137.86 0q-17.79 0-30.59-12.43-12.8-12.44-12.8-30.31 0-16.86 12.8-30.13 12.8-13.26 30.59-13.26 16.78 0 29.76 13.26Q660-421.3 660-404.44q0 17.87-12.98 30.31-12.98 12.43-29.76 12.43Z' fill='%23fff' /%3E%3C/svg%3E ");
  margin-right: 4px;
  vertical-align: top;
}

/*.art li {
  background: none;
}*/

.art li button {
  background: none;
  border: none;
  transition: 0.3s;
  display: flex;
  gap: 6px;
  text-shadow: 0 -1px 2px #000, 0 1px 3px #000;
  font-weight: 600;
  font-size: 12px;
  padding: 7px;
  border-radius: 0 6px 6px 0;
  position: absolute;
  margin-top: -6px;
}

.art li button:hover {
  background: #5a46ff;
  cursor: pointer;
}
/* breadcrumbs end */

.section-hero__description {
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}


/* article */
.section-hero__title--article h1 {
  font-size: 42px;
}

.article-header {
  margin: -16px 0;
  flex-direction: row;
}

.article-header__meta {
  color: #c2a5df;
  font-size: 12px;
}

.article-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
}

.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body button {
  color: #333;
}

.articles-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  background: #36009e;
  padding: 8px;
  border-radius: 6px;
  box-shadow: 0 2px 3px #1e0c54;
  min-width: 300px;
  margin: 20px 0 0 -200px;
  width: max-content;
  max-width: 90vw;
  z-index: 4;
}

.articles-menu a {
  border-radius: 0;
  width: 100%;
  text-align: left;
  display: block;
}

/* article end */

/* search */
.section-hero__filters {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 16px 0;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

a#unified {
  display:none;
}
/* search end */

/* mobile */
@media (max-width: 1110px) {
  section {
    width: 96%;
    /*padding: 0 10px;*/
  }

  .community-hero-image--container {
    display: none;
  }

  .hero-section__content {
    width: 96%;
    /*align-items: center;
    text-align: center;*/
  }

  .search-section__container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 96%;
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }

  .tags-section__container {
    flex-wrap: wrap;
    gap: 32px;
  }

  .post-collection__container {
    flex-wrap: wrap;
  }

  .article-share {
    margin: 0 auto;
  }
}
@media (max-width: 780px) {
  .search-section__container__bar__input {
    flex-direction: column;
    margin: 0 auto;
  }

  .search-section__container__bar__input::before {
    top: 24px;
  }

  .section-hero__filters {
    margin-top: 0;
  }
  .tags-section__container {
    gap: 6px;
    width: 80%;
  }
}

@media (max-width: 600px) {
  .mosaic-section__container__row .mosaic-tile {
    flex: 2;
    min-width: 95%;
    flex-direction: row;
  }
  /*.mosaic-tile__image {
    flex: 4;
  }*/
  .mosaic-tile__image svg {
    height: 160px;
  }
  .mosaic-tile__content {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: flex-start;
    text-align: left;*/
    gap: 16px;
  }
  .mosaic-tile__title {
    margin-top: 0;
    /*font-size: 30px;*/
  }
}

/* end mobile */

/*Custom Community*/
.breadcrumbs__community {
  /*position: absolute;*/
  z-index: 2;
}

.section-hero__container form {
  max-width: 300px;
}

.community-topics--filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.community-browse-heading {
  margin-right: 10px;
}

.community-topics--tab {
  background: #f6f6f6;
  color: #333;
  margin: 6px;
  padding: 10px;
  border-radius: 0.25rem;
  /*box-shadow: 0 6px 6px #ccc;*/
  font-weight: 600;
}

.community-topics--tab:hover {
  text-decoration: none;
  background: #e6e6e6;
}

.community-tab--active {
  background: #46178f;
  color: #f2f2f2;
}

.community-tab--active:hover {
  background: #46178f;
  color: #f2f2f2;
}

.community-topics {
  color: #333;
  column-count: 2;
  overflow: visible;
  /*min-height: 300px;
  justify-content: center;
  display: flex;*/
  width: unset;
  gap: 20px;
}

.community-topic .recent-activity-header {
  text-transform: none;
  color: #46178f;
  border: none;
}

.community-topic .recent-activity-item-parent {
  font-weight: 600;
  color: #888;
}

.community-topic .recent-activity-item-link {
  color: #46178f;
}

.community-topic .recent-activity-item {
  border: none;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0 10px 0;
  box-shadow: 0 6px 6px #ccc;
}

.community-topic .recent-activity-item-meta {
  display: inline;
  float: none;
}

.community-topic .recent-activity-controls a {
  color: #0542b9;
}

.community-group {
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 10px;
  padding: 20px 30px 30px 30px;
  width: 350px;
  background: #f2f2f2;
  break-inside: avoid;
  margin: 0 0 20px;
}

.community-group h4 {
  color: #1e0c54;
  display:flex;
  align-items: center;
  font-size: 20px;
  margin-bottom: 6px;
}

.community-group a {
  color: #1368ce;
}

.community-group svg {
  margin-right: 6px;
  fill: #1e0c54;
}

.topic-filters {
  margin-left: 16px;
}

.topic-filters button {
  color: #e6e6e6;
}

.topic-filters .dropdown-item {
  color: #333;
}

.striped-list-title {
  color: #1368CE;
}

.pagination li {
  background: #26890c;
  border: solid 4px #106b03;
  border-radius: 10px;
  color: #fff;
}

.pagination a {
  color: #fff;
}

.pagination-list a:hover {
  color: #fff;
  border: none;
}

.pagination-list a {
  border: none;
}

.post-page {
  margin-bottom: 128px;
}

.community-nav li, .community-nav a {
  color: #888;
}

.articles-list {
  column-count: 1;
  padding-bottom: 10px;
}

@media (min-width:850px) {
  .articles-list{
    column-count: 2;
  }
}

.topic-posts-list li {
  background: #f6f6f6;
  border-radius: 8px;
  padding: 24px;
  margin: 10px;
  break-inside: avoid;
}

.articles-list li {
  background: #f6f6f6;
  border-radius: 8px;
  padding: 24px;
  /*box-shadow: 0 6px 6px #ccc;*/
  margin: 10px;
  break-inside: avoid;
}

.topic-posts-list, .topic-posts-list a, .topic-posts-list a:hover {
  color: #6e6e6e;
  text-decoration: none;
}

.articles-list, .articles-list a, .articles-list a:hover {
  color: #6e6e6e;
  text-decoration: none;
}

.post-tile h3, .post-tile svg, .article-tile h3 {
  color: #36009e;
  fill: #36009e;
}

.request-instructions h1, .request-instructions h2, .request-instructions h3, .request-instructions h4, .request-instructions h5, .request-instructions p, .request-instructions a, .request-instructions input, .request-instructions button {
  color: #3f3f3f;
}

.nb h1, .nb h2, .nb h3, .nb h4, .nb h5 {
  word-break: break-all;
}

.post-to-community {
  margin-right: 6px;
}

.post-to-community a {
  color: #fff;
}

.post-to-community a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #10c543;
}

.footer-padding {
  padding-bottom: 160px;
}

.footer-padding .my-activities-header h1, .footer-padding .request-title {
  color: #36009e;
}

.footer-padding .request-breadcrumbs a, .footer-padding .request-breadcrumbs li {
  color: #888;
}

.post-title-actions {
  display: flex;
  max-width: 1110px;
  padding: 10px 20px;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1500px) {
  .community-topics {
    column-count: 2;
    /*display: flex;
    justify-content: center;
    gap: 20px;*/
  }
}

@media (max-width: 950px) {
  .community-topics {
    column-count: 1;
    display: block;
  }
  .community-group {
    margin: 0 auto 20px;
  }
}

@media (max-width: 1220px) {
  .search-community {
    min-width: unset;
  }
  .community-hero--main {
    width: 100%;
  }
}
/*end Custom Community*/

.status-message a {
  color: #0d46e1;
}

#request_custom_fields_8758060318483_label {
  display: inline;
}

#request_custom_fields_8758060318483 {
  display: inline;
}

#request_custom_fields_8758060318483:hover {
  cursor: pointer;
}

label span.optional {
  display: none;
}

option[value="26076663693587"] {
  display: none !important;
}

/* random style params */
.max715 {
  max-width: 715px;
}

.openRobyn {
  background-color: #298f0d;
  color: #fff;
  padding: 1px 8px;
  border-radius:16px;
  transition: 0.3s;
}

.openRobyn:hover {
  cursor: pointer;
  background-color: #10c543;
}

.request-instructions a.newRequestLink {
  color: #0d46e1;
}

.error-screen {
  display: none;
  z-index: 2;
  position: fixed;
  background: #00000088;
  width: 100%;
  height: 100%;
  top: 0;
}

.error-prompt {
  color: #fff;
  font-weight: 600;
  background: #be0c00;
  padding: 6px 18px;
  width: fit-content;
  border-radius: 6px;
  margin: 230px auto 0;
  position:relative;
  display: flex;
  flex-direction: column;
}

.error-prompt-close {
  border: none;
  background: #f35;
  padding: 6px 24px;
  border-radius: 20px;
  font-weight: 700;
  text-shadow: 0px 2px 3px #be0c00;
  margin: 12px auto 0;
  transition: 0.3s;
}

.error-prompt-close:hover {
  cursor: pointer;
  background: #ff3355aa;
}

/*
.form-field.string input, .form-field .nesty-input, .upload-dropzone {
  max-width: 400px !important;
}

.form-field.decimal input, .form-field.string input.datepicker {
  max-width: 200px !important;
}

.form-field.request_subject input {
  max-width: 100% !important;
}
*/

#serverStatus {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  /*background: #ffc00a;
  border-radius: 20px;
  filter: blur(3px);*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='possible outage' title='possible outage' viewBox='0 -960 960 960'%3E%3Cpath d='M300.09-675.38q-16.63 0-28.36 11.64T260-635.48q0 16.63 11.64 28.36 11.64 11.74 28.27 11.74t28.36-11.64Q340-618.67 340-635.29q0-16.63-11.64-28.36t-28.27-11.73Zm0 350.76q-16.63 0-28.36 11.64Q260-301.33 260-284.71q0 16.63 11.64 28.36t28.27 11.73q16.63 0 28.36-11.64T340-284.52q0-16.63-11.64-28.36-11.64-11.74-28.27-11.74ZM190.77-775.39h578.46q13.08 0 21.92 8.8 8.85 8.79 8.85 21.78v214.04q0 15.46-8.85 25.42-8.84 9.97-21.92 9.97H190.77q-13.08 0-21.92-9.97-8.85-9.96-8.85-25.42v-214.04q0-12.99 8.85-21.78 8.84-8.8 21.92-8.8Zm9.23 40.01v200h560v-200H200Zm-9.23 310.76h576.92q14.69 0 23.5 9.74 8.81 9.73 8.81 24.11v209.23q0 17-8.81 26.96-8.81 9.97-23.5 9.97H192.31q-14.69 0-23.5-9.97-8.81-9.96-8.81-26.96v-209.23q0-14.38 8.04-24.11 8.04-9.74 22.73-9.74Zm9.23 40v200h560v-200H200Zm0-350.76v200-200Zm0 350.76v200-200Z' fill='%23ffc00a' /%3E%3C/svg%3E ");
}

#serverStatus.status-none {
  /*background: #10c543;*/
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' alt='no outage' title='no outage' viewBox='0 -960 960 960'%3E%3Cpath d='M300.09-675.38q-16.63 0-28.36 11.64T260-635.48q0 16.63 11.64 28.36 11.64 11.74 28.27 11.74t28.36-11.64Q340-618.67 340-635.29q0-16.63-11.64-28.36t-28.27-11.73Zm0 350.76q-16.63 0-28.36 11.64Q260-301.33 260-284.71q0 16.63 11.64 28.36t28.27 11.73q16.63 0 28.36-11.64T340-284.52q0-16.63-11.64-28.36-11.64-11.74-28.27-11.74ZM190.77-775.39h578.46q13.08 0 21.92 8.8 8.85 8.79 8.85 21.78v214.04q0 15.46-8.85 25.42-8.84 9.97-21.92 9.97H190.77q-13.08 0-21.92-9.97-8.85-9.96-8.85-25.42v-214.04q0-12.99 8.85-21.78 8.84-8.8 21.92-8.8Zm9.23 40.01v200h560v-200H200Zm-9.23 310.76h576.92q14.69 0 23.5 9.74 8.81 9.73 8.81 24.11v209.23q0 17-8.81 26.96-8.81 9.97-23.5 9.97H192.31q-14.69 0-23.5-9.97-8.81-9.96-8.81-26.96v-209.23q0-14.38 8.04-24.11 8.04-9.74 22.73-9.74Zm9.23 40v200h560v-200H200Zm0-350.76v200-200Zm0 350.76v200-200Z' fill='%2310c543' /%3E%3C/svg%3E ");
}

.server-status {
  /*border: solid 1px #ccc;
  padding: 6px 0.5rem;
  border-radius: 1.25rem;*/
}

.server-label {
  margin-right: 6px;
}

@media (max-width: 600px) {
  .server-label {
    display: none;
  }
}

li.nav-menu-item {
  text-align: left;
}

.nav-menu-item #statusDescription {
  margin: 6px 18px;
  font-weight: 600;
  display: block;
  border-bottom: solid 1px #ccc;
}

.nav-menu-item svg {
  vertical-align: middle;
}

.form-field.request_organization_id {
  display: none;
}

.chat-container {
  background-color: #36009e;
  max-width: 1040px;
  width: 98%;
  margin: 0 auto;
  border-radius: 8px;
}

.chat-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 12px 24px;
  justify-content: center;
}

.chat-img {
  overflow: hidden;
  max-height: 100px;
  height: 100px;
  width: 100px;
  border-radius: 80px;
  margin: 8px 32px 0 0;
}

.img-robyn {
  max-width: 160px;
  top: -10px;
  left: -30px;
  position: relative;
}

.chat-text {
  text-shadow: 0 2px 4px #1E0C54;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.chat-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 0 18px 0;
  gap: 8px;
}

.qh-container {
  display: flex;
  justify-content: center;
  width: 98%;
  max-width: 1040px;
  margin: 0 auto;
}

.quick-help {
  width: 100%;
}

.qh-title {
  background: #fff;
  padding: 8px;
  border-radius: 6px 6px 0 0;
  text-align: center;
}

.qh-answer {
  display: none;
  padding: 0 16px 10px 16px;
}

.qh-topics {
  width: 100%;
  margin: 10px 0 20px 0;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-evenly;
}

.qh-topic {
  display: flex;
  flex-direction: column;
  color: #fff !important;
  padding: 20px;
  font-weight: 600;
  border-radius: 8px;
  transition: 0.3s;
  border: none;
  margin: 0 0 10px 0;
  background-color: #36009e;
  text-shadow: 0 2px 4px #1E0C54;
  max-width: 340px;
  width: 100%;
}

.qh-topic.videos {
  flex-direction: row;
  gap: 20px;
  cursor: pointer;
}

.qh-topic-title {
  margin: 0 auto 20px;
  font-size: 20px;
  font-weight: 600;
}

.qh-topic-desc {
  margin: 0 auto;
  font-size: 16px;
}

.qh-topic-media {
  width: 100px;
  max-width: 100%;
  align-content: center;
  overflow: hidden;
  margin: 8px 0;
}

.qh-topic-img.mobile {
  display: none;
}

.qh-topic.robyn .qh-topic-img.robyn {
  top: -10px;
  left: -30px;
  max-width: 160px;
}

.qh-topic.videos:hover, .qh-topic.videos.active {
  background-color: #5a46ff;
  text-decoration: none;
  cursor: pointer;
}

.qh-links {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.qh-links a {
  background-color: #106b03;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  border-radius: 6px;
  padding: 8px 16px;
  flex: 0 0 140px;
  transition: 0.3s;
  max-width: 50%;
  word-break: break-word;
}

.qh-links a:hover {
  cursor: pointer;
  background-color: #128703;
  text-decoration: none;
}

.qh-topic-text {
  width: 100%;
  text-align: center;
}

.status-code {
  background-color: #1E0C54;
  color: #10C543;
  box-shadow:0 2px 4px #be0c00;
  display: flex;
  padding: 6px;
  position: relative;
  top: -2px;
}

#statusBlock {
  background-color:  #10C543;
  width: 10px;
  display: inherit;
}

.code-line-nums {
  border-right: solid 1px #10C543;
  padding: 0 10px;
}

.code-lines {
  text-align: left;
  padding-left: 10px;
}

.qh-topic .search-section__container__bar__input.contact-page {
  max-width: 100%;
}

@media (max-width:1105px) {
  .qh-topics {
    display: block;
  }
  .qh-topic {
    max-width: 100%;
  }
  .qh-topic-media {
    display: none;
  }
  .qh-topic-img.mobile {
    width: 30px;
    top: 6px;
    position: relative;
    display: inline;
  }
  .qh-links a {
    flex: 0 0 auto;
    max-width: 100%;
  }
}

.qh-topic-img.robyn {
  position: relative;
  top: -60px;
}

#statusCodeDesc {
  font-weight: 500;
}

.cp-search {
  margin-top: 2px;
}

h3.ct-title {
  text-align: center;
  color: #0d46e1;
  padding-bottom: 6px;
}

.ct-questions {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

button.ct-question {
  border: none;
  background-color: unset;
  padding: 12px 0;
  position: relative;
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
}

.ctq-inner {
  background-color: #0d46e1;
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 0px #383838, -1px -1px 0px #383838, -1px 1px 0px #383838, 1px -1px 0px #383838;
  padding: 8px 16px;
  margin: 4px;
  border-radius: 20px;
  box-shadow: 0 2px 4px #b2b2b2;
}

ctq-inner:hover, button.ct-question.active .ctq-inner {
  box-shadow: none;
  background-color: #8AA8F9;
  top: 2px;
  cursor: pointer;
}

.ct-answer {
  display: none;
  margin: 0 auto;
  max-width: 800px;
}

.ct-answer ul {
  list-style-type: disc;
  padding: 0 0 0 30px;
  margin: 6px 0;
}

.ct-answer a {
  color: #0d46e1;
  font-weight: 600;
}

#email:target {
  display:block;
}

.contact-btn-container {
  border-bottom: solid 1px #e8e8e8;
  transition: 0.3s;
}

.form-button {
  background: #e8e8e8;
  padding: 10px 30px;
  margin-top: 20px;
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
  transition: 0.3s;
  border: solid 2px #36009e;
  border-bottom: solid 8px #36009e;
  position: relative;
  margin-bottom: 0px;
  top: 0px;
}

.form-button:hover {
  background-color: #f2f2f2;
  border: solid 2px #36009e;
  border-bottom: solid 8px #36009e;
}

.form-button.active {
  background-color: #f2f2f2;
  top: 8px;
  border-bottom: solid 1px #36009e;
  margin-bottom: 8px;
  border-radius: 20px 20px 0 0;
}

.contact-btn-container:has(> button.form-button.active) {
  border-bottom: solid 1px #36009e;
}

.form-button h2 {
  color: #36009e;
  display: flex;
  gap: 8px;
  font-size: 20px;
}

.form-button:hover h2, .form-button.active h2 {
  color: #36009e;
}

.form-button h2 span {
  align-content: center;
}

.agent-svg {
  animation: float 1.5s ease-in-out infinite;
  fill: #36009e;
}

.form-chevron {
  height: 16px;
  position: relative;
  display: inline;
  vertical-align: middle;
  transition: 0.3s;
  top: 0px;
  animation: float 1.5s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(2px);
  }
}

.form-chevron path {
  fill: #36009e;
}

/*.form-button.active .form-chevron {
  transform: rotate(180deg);
}*/

.contact-form {
  display: none;
}

div.form.contact-form:has(> div div div.fCojMI div.bZMXGp) {
  display: block;
}

.fTqhMn, .gkSyjk, .iLeyhr, .HjimD, .igXSrX {
  background-color: #fff !important;
  color: #222 !important;
}

#1--label {
  color: blue !important;
}

/*APIv4 contact form*/

#new-request-form label[data-garden-id="dropdowns.combobox.label"], #new-request-form label[data-garden-container-id="containers.field.label"] {
  color: inherit;
}

#new-request-form div[data-garden-container-id="containers.combobox"]:not([aria-disabled="true"]), #new-request-form input[data-garden-container-id="containers.field.input"], .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused, .ck.ck-content.ck-editor__editable.ck-focused {
  box-shadow: none !important;
  background-color: #fff;
  color: #222;
}

.ck.ck-content a {
  color: #0d12aa;
}

#new-request-form label[data-garden-id="forms.checkbox_label"]:before {
  background-color: unset;
}

#new-request-form li[data-garden-container-id="containers.combobox.option"] {
  color: #222;
}

#new-request-form div[data-garden-id="datepickers.menu"], #new-request-form div[data-garden-id="datepickers.datepicker"] {
  background-color: #fefefe;
}

#new-request-form div[data-garden-id="datepickers.header_label"] {
  color: #222;
}

.cjtTRe {
  color: #222 !important;
}

#new-request-form div[data-garden-id="forms.file_upload"], #new-request-form input[data-garden-id="forms.file_upload"] {
  background-color: unset;
}

#new-request-form div[data-garden-id="forms.file_upload"]:hover {
  background-color: #10c54366;
  /*color: #fff;*/
}

#new-request-form button[type="submit"] {
  background-color: #298f0d !important;
  color: #fff;
  font-weight: 700;
  transition: 0.3s;
}

#new-request-form button[type="submit"]:hover {
  background-color: #10c543 !important;
}

.eBgebF {
  background-color: #fff !important;
}

.jJLGza {
  background-color: #298f0d !important;
  color: #fff !important;
}

.jJLGza:hover {
  background-color: #106b03 !important;
}

.S {
  display:none;
}

.code-block {
  background-color: #1E0C54;
  color: #10C543;
  box-shadow:0 2px 4px #be0c00;
}

/* Search results page generative AI */
.iJKzci {
  color: #0d46e1 !important;
}

/* Newsletter articles */
.newsblock, .newsblock-reverse {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px 0 24px;
}

.newsblock-reverse {
  flex-direction: row-reverse;
}

.newsblock.biz.blue, .newsblock-reverse.biz.blue {
  margin: 8px -20px 24px;
  padding: 20px;
  background: #E7ECFB;
}

.newsimage {
  max-width: 380px;
  width: 380px;
  min-width: 380px;
  height: fit-content;
  min-height: 230px;
  flex: 1;
  padding: 4px;
  text-align: center;
  border: 3px solid transparent;
  border-image: linear-gradient(160deg, #ff335488 0%, #864cbfbb 60%, #ff335488 120%);
  border-image-slice: 1;
  align-content: center;
}

.newsblock.biz .newsimage, .newsblock-reverse.biz .newsimage {
  border: 2px solid #0d46e1;
  border-image: none;
  border-radius: 12px;
}

.newsblock.biz.blue .newsimage, .newsblock-reverse.biz.blue .newsimage {
  border: none;
}

.newsimage img {
  max-height: 240px;
  vertical-align: middle;
  border-radius: 8px;
}

.newsblock .newsimage {
  margin-right: 20px;
}

.newsblock-reverse .newsimage {
  margin-left: 20px;
}

.newstext {
  min-width: 400px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

a.newsmore {
  width: fit-content;
  background: #298f0d;
  color: #fff;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 6px;
  transition: 0.3s;
}

.newsmore:hover {
  background: #10c543;
  text-decoration: none;
}

.newsblock.biz .newsmore, .newsblock-reverse.biz .newsmore {
  background: #0d46e1;
}

.newsblock.biz .newsmore:hover, .newsblock-reverse.biz .newsmore:hover {
  background: #0d80ff;
}

.newsblock-fineprint {
  font-size: 12px;
  max-width: 650px;
  margin: -18px auto 0;
}

.newsblock-fineprint:before {
  content: "* ";
  font-size: 15px;
}

.newsresources {
  background: linear-gradient(105deg, #ff3354 0%, #864cbf 60%);
  margin: 0 -20px;
  padding: 18px;
  border-radius: 6px;
}

.newsresources.biz {
  background: linear-gradient(105deg, #0d46e1 0%, #0d80ff 60%);
}

.newsresources-title {
  margin-bottom: 18px;
  padding: 0 0 18px;
  border-bottom: solid 1px #fff;
}

.newsresources-title h3 {
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.resourceblock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 18px;
  gap: 0 24px;
  flex: 1;
}

.resourceimage {
  max-width: 300px;
  width: 300px;
  min-width: 300px;
  flex: 1;
  text-align: center;
}

.resourceimage img {
  border-radius: 6px;
  max-height: 150px;
}

.resourcetext {
  min-width: 400px;
  flex: 2;
}

.resourcetext h3, .resourcetext p, .resourcetext span {
  color: #fff;
}

.resourcetext h3 {
  font-style: italic;
  font-weight: 700;
}

p:has(a.newsmore) {
  margin: 8px 0;
}

.resource-btn {
  background: #f2f2f2;
  border-radius: 3px;
  color: #46178f;
  padding: 4px 16px;
  position:relative;
  margin: 8px 16px 8px 0;
  font-weight: 600;
  border-bottom: solid 2px #ccc;
  transition: 0.3s;
  display: inline-block;
  font-size: 12px;
}

.newsresources.biz .resource-btn {
  color: #0d46e1;
}

/* Requests list page */
.requests-container {
  max-width: 1110px;
  background: #fff;
  padding: 0 16px;
  border-radius: 6px;
}

@media (min-width:1200px) {
  .requests-container {width: 100%;}
}

@media (max-width:1200px) {
  .requests-container {width: 90%;}
}

.requests_hero_section {
  height: 100px;
}

.requests_hero_content {
  margin: 20px 0 0 0;
}

.requests-search-info.meta-data {
  color: #666;
  font-weight: 600;
  margin: 6px 0 0 18px;
}

/* Request page */
.request_reply_container {
  display: flex;
  justify-content: center;
}

.request_reply {
  width: 90%;
  margin: 0 auto;
  padding: 8px;
  background: #106b03;
  border: solid 4px #10c543;
  border-radius: 8px;
  font-weight: 600;
  text-align: center;
  transition: 0.3s;
  text-decoration: none;
}

.request_reply:hover {
  background: #10c543;
}

.request_comment_meta {
  flex: 1 0 auto;
  font-weight: 500;
  color: #666;
}

.agent_name {
  font-weight: 600;
  color: #36009e;
}

.request-main .comment-list .comment {
  border-bottom: solid 2px #ccc;
}

.request_comment_attachments {
  margin: 6px 0 0 0;
}

.request_comment_attachments .upload-dropzone {
  border-radius: 6px;
  transition: 0.3s;
  background: #eee;
}

.request_comment_attachments .upload-dropzone span {
  color: #222;
}

.request_comment_attachments .upload-dropzone a {
  font-weight: 700;
  color: #444;
}

.request_comment_attachments .upload-dropzone:hover {
  background: #90ffc6;
}

#request-attachments-pool .upload-item {
  display: flex;
  width: 100%;
}

#request-attachments-pool .upload-item .upload-remove {
  background: none;
  max-width: 30px;
  margin: 0;
  display: inline;
  top: -16px;
  height: 20px
}

#request-attachments-pool .upload-item .upload-progress {
  position: absolute;
}

.mark-as-solved {
  color: #36009e;
  background: none;
  border: none;
  font-weight: 500;
}

.mark-as-solved:hover {
  cursor: pointer;
  text-decoration: underline;
}

.request-sidebar {
  margin-bottom: 12px;
}

.request-sidebar .collapsible-sidebar-title {
  color: #333;
}


/*Honeypot hider - hides the 'Is this related to our web platform or mobile app?' ticket field*/
form.sc-fPXMVe.kTRLWL > div:nth-of-type(1) {
  display: none !important;
}