@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/42c784");
@import url("//hello.myfonts.net/count/42c6e3");
@import url("//hello.myfonts.net/count/42c784");
@font-face {
  font-family: "TTInterphases-Regular";
  src: url("webFonts/TTInterphasesRegular/font.woff2") format("woff2"), url("webFonts/TTInterphasesRegular/font.woff") format("woff");
}
@font-face {
  font-family: "TTCommonsPro-Db";
  src: url("webFonts/TTCommonsProDb/font.woff2") format("woff2"), url("webFonts/TTCommonsProDb/font.woff") format("woff");
}
@font-face {
  font-family: "TTInterphases-Medium";
  src: url("webFonts/TTInterphasesMedium/font.woff2") format("woff2"), url("webFonts/TTInterphasesMedium/font.woff") format("woff");
}
body.ht-kb #header {
  background: #322A73;
}
body.ht_kb-template-default.single {
  background: #322A73;
}
body #hkb .hkb-searchbox-wrapper[data-hkb-header-type=solid] {
  background: #322A73;
  padding-top: 0;
}
body #hkb .hkb-fullwcontainer {
  width: 100vw !important;
  position: relative !important;
  left: 0% !important;
  right: 0% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body #hkb .widget {
  background: #F6F8F9;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
body #hkb .hkb_widget_articles li:before {
  color: #322A73 !important;
  font-family: "Font Awesome 5 Pro";
  font-weight: "400";
  content: "";
  font-weight: 300 !important;
}
body #hkb .hkb-site-search .hkb-site-search__icon path {
  fill: #21CD97 !important;
}
body #hkb .hkb-subheader .hkb-site-search {
  width: 380px;
}
body .ht-voting-upvote-icon {
  background: #F6F8F9 !important;
}
body .ht-voting-upvote-icon svg {
  display: none !important;
}
body .ht-voting-upvote-icon:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: "900";
  content: "";
  width: 24px;
  height: 24px;
  font-weight: 900 !important;
  color: #322A73;
}
body .ht-voting-downvote-icon {
  background: #F6F8F9 !important;
}
body .ht-voting-downvote-icon svg {
  display: none !important;
}
body .ht-voting-downvote-icon:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: "900";
  content: "";
  width: 24px;
  height: 24px;
  font-weight: 900 !important;
  color: #322A73;
}
body #hkb .hkb_widget_toc ol li ol {
  margin-left: 0 !important;
}
body #hkb .hkb-article__content h1,
body #hkb .hkb-article__content h2,
body #hkb .hkb-article__content h3,
body #hkb .hkb-article__content h4,
body #hkb .hkb-article__content h5,
body #hkb .hkb-article__content h6 {
  margin-bottom: 0;
}
body #hkb .hkb-article .hkb-article__title {
  margin: 0em;
}
body #hkb .hkb-article__content h1 {
  font-size: 42px;
  line-height: 1.2;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 768px) {
  body #hkb .hkb-article__content h1 {
    font-size: 24px;
    line-height: 1.2;
  }
}
body #hkb .hkb-article__content h2 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  margin: 2em 0 0;
}
@media (max-width: 768px) {
  body #hkb .hkb-article__content h2 {
    font-size: 20px;
    line-height: 1.2;
  }
}
body #hkb .hkb-article__content h3 {
  font-size: 26px;
  line-height: 1;
  font-weight: bold;
  margin: 2em 0 0;
}
@media (max-width: 768px) {
  body #hkb .hkb-article__content h3 {
    font-size: 20px;
    line-height: 1.2;
  }
}
body .hkb-article__content p:first-of-type {
  margin-top: 0;
}
body .hkb-article__content h2 + p, body .hkb-article__content h3 + p, body .hkb-article__content h4 + p {
  margin-top: 0;
}
body #hkb .hkb-articlepreview .hkb-articlepreview__title a {
  display: block;
}
body #hkb .hkb-sticky {
  top: 125px;
}
body #hkb .hkb-container {
  max-width: 1330px;
  padding: 0 40px;
}