
* {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: rgba(0, 0, 0, 0);
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b, strong {
	font-weight: bolder;
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

img {
	border-style: none;
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button, input {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
	-webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: .35em .75em .625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

body {
	background: #f0f0f1;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	color: #3c434a;
	margin: 0;
	font-size: .9rem;
	line-height: 1.45;
	scrollbar-width: thin;
	overflow: hidden;
}

body::-webkit-scrollbar {
	width: 11px;
}

body::-webkit-scrollbar-track {
	background: #f0f0f1;
}

body::-webkit-scrollbar-thumb {
	background-color: #d0d3d6;
	border-radius: 6px;
	border: 3px solid #f0f0f1;
}

body a {
	color: #2d9bf3;
}

body .skip-link {
	display: none;
}

.hkbfe-loader {
	background: #fff;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
}

.hkbfe-loader svg {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hkbfe-miniloader {
	display: inline-flex;
}

.hkbfe-container {
	padding: 0 .5rem;
}

.hkbfe-container-article-inside {
	padding: 0 1.5rem;
}

.hkbfe-searchpanel {
	position: relative;
	background: #2d9bf3;
	color: #fff;
	padding: 0;
}

.hkbfe-searchpanel .hkbfe__text {
	text-align: center;
	font-size: 1.3rem;
}

.hkbfe-searchbar {
	position: relative;
}

.hkbfe-searchbar .components-base-control__field {
	margin: 0;
}

.hkbfe-searchbar input, .hkbfe-searchbar .components-text-control__input {
	border-radius: 99px;
	font-size: .9rem;
	padding: .75rem 1.5rem;
	border: 0;
	width: 100%;
}

.hkbfe-searchbar input:focus, .hkbfe-searchbar .components-text-control__input:focus {
	box-shadow: none;
}

.hkbfe-articleheader {
	background: #2d9bf3;
	color: #fff;
	padding: 1rem 0;
}

.hkbfe-articleheader .hkbfe-articleheader__title {
	font-size: 1.3rem;
	line-height: 1.3;
	font-weight: 600;
	margin: 0;
}

.hkbfe-articleheader .hkbfe-articleheader__title a {
	color: #fff;
	text-decoration: none;
}

.hkbfe-articleheader .hkbfe-articleheader__title a:hover {
	text-decoration: underline;
}

.hkbfe-articleheader .hkbfe-articleheader__title a:hover .hkbfe-articlelink {
	opacity: 1;
}

.hkbfe-articleheader .hkbfe-articleheader__title a .hkbfe-articlelink {
	display: inline-block;
	margin-left: .5rem;
	opacity: 0;
	transition: opacity .15s ease-in-out;
}

.hkbfe-articlecontent {
	background: #fff;
	padding: .5rem 0;
	font-size: .95rem;
	padding-bottom: 50px;
}

.hkbfe-articlecontent * {
	font-size: inherit;
	line-height: inherit;
}

.hkbfe-articlecontent a {
	text-decoration: none;
}

.hkbfe-articlecontent h1, .hkbfe-articlecontent h2, .hkbfe-articlecontent h3, .hkbfe-articlecontent h4, .hkbfe-articlecontent h5, .hkbfe-articlecontent h6 {
	margin: 0 0 1.5rem;
	font-weight: 600;
	color: #1a1a1a;
}

.hkbfe-articlecontent h1 {
	font-size: 28px;
	line-height: 1.2;
}

.hkbfe-articlecontent h2 {
	font-size: 28px;
	line-height: 1.2;
}

.hkbfe-articlecontent h3 {
	font-size: 20px;
	line-height: 1.3;
}

.hkbfe-articlecontent h4 {
	font-size: 19px;
	line-height: 1.3;
}

.hkbfe-articlecontent h5 {
	font-size: 18px;
	line-height: 1.3;
}

.hkbfe-articlecontent h6 {
	font-size: 17px;
	line-height: 1.25;
}

.hkbfe-articlecontent img {
	max-width: 100%;
	height: auto;
}

.hkbfe-articlecontent table {
	width: 100%;
	border-spacing: 0;
	margin: 0 0 1rem;
	border: 1px solid #ebebeb;
}

.hkbfe-articlecontent table thead td, .hkbfe-articlecontent table thead th, .hkbfe-articlecontent table tfoot td, .hkbfe-articlecontent table tfoot th {
	background: #ebebeb;
}

.hkbfe-articlecontent table tbody tr:nth-child(even) td {
	background: #fafafa;
}

.hkbfe-articlecontent table tbody tr:last-child td {
	border-bottom: 0;
}

.hkbfe-articlecontent table tbody tr td {
	border-bottom: 1px solid #ebebeb;
}

.hkbfe-articlecontent table td, .hkbfe-articlecontent table th {
	padding: 1em;
	vertical-align: middle;
	line-height: 1.45;
}

.hkbfe-articlecontent hr {
	display: block;
	clear: both;
	height: 1px;
	border: 0;
	border-top: 1px solid #eaeaea;
	margin: 2rem 0;
	padding: 0;
}

.hkbfe-articlecontent blockquote {
	padding: 0 0 0 1rem;
	margin: 2rem 0;
	color: #1a1a1a;
	font-size: 18px;
	line-height: 1.45;
	border-left: 5px solid #e3e4e5;
}

.hkbfe-articlecontent blockquote p:last-of-type {
	margin-bottom: 0;
}

.hkbfe-articlecontent code, .hkbfe-articlecontent kbd, .hkbfe-articlecontent pre, .hkbfe-articlecontent samp {
	font-family: Roboto Mono, Monaco, courier, monospace;
}

.hkbfe-articlecontent code {
	border-radius: 3px;
	background-color: #f5f5f5;
	font-size: 90%;
	padding: 3px 5px;
}

.hkbfe-articlecontent pre, .hkbfe-articlecontent .wp-block-code {
	border-radius: 3px;
	background: #f5f5f5;
	border: none;
	display: block;
	padding: 25px;
	margin-bottom: 1.5rem;
	font-size: 90%;
	line-height: 1.4;
	color: #4d4d4d;
	overflow-x: auto;
	word-wrap: normal;
}

.hkbfe-articlecontent pre code, .hkbfe-articlecontent .wp-block-code code {
	padding: 0;
}

.hkbfe-articlecontent kbd {
	border-radius: 3px;
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
}

.hkbfe-articlecontent mark {
	padding: .2em;
	background-color: #fcf8e3;
}

.hkbfe-articlecontent abbr[data-original-title], .hkbfe-articlecontent abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #777;
}

.hkbfe-articlecontent p, .hkbfe-articlecontent a {
	word-break: break-word;
}

.hkbfe-articlecontent .wp-block-embed.alignleft, .hkbfe-articlecontent .wp-block-embed.alignright, .hkbfe-articlecontent .wp-block[data-align=left]>[data-type="core/embed"], .hkbfe-articlecontent .wp-block[data-align=right]>[data-type="core/embed"] {
	max-width: 360px;
	width: 100%;
}

.hkbfe-articlecontent .wp-block-embed.alignleft .wp-block-embed__wrapper, .hkbfe-articlecontent .wp-block-embed.alignright .wp-block-embed__wrapper, .hkbfe-articlecontent .wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper, .hkbfe-articlecontent .wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
	min-width: 280px;
}

.hkbfe-articlecontent .wp-block-cover .wp-block-embed {
	min-height: 240px;
	min-width: 320px;
}

.hkbfe-articlecontent .wp-block-embed {
	overflow-wrap: break-word;
}

.hkbfe-articlecontent .wp-block-embed figcaption {
	margin-bottom: 1em;
	margin-top: .5em;
}

.hkbfe-articlecontent .wp-block-embed iframe {
	max-width: 100%;
}

.hkbfe-articlecontent .wp-block-embed__wrapper {
	position: relative;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
	content: "";
	display: block;
	padding-top: 50%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-has-aspect-ratio iframe {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
	padding-top: 42.85%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
	padding-top: 50%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
	padding-top: 56.25%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
	padding-top: 75%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
	padding-top: 100%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
	padding-top: 177.77%;
}

.hkbfe-articlecontent .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
	padding-top: 200%;
}

.hkbfe-loading svg {
	position: relative;
	top: 2px;
	margin-right: 8px;
	height: 16px;
	width: 16px;
}

.hkbfe-articleitem {
	display: flex;
}

.hkbfe-articleitem:hover {
	color: #427aa1;
	cursor: pointer;
}

.hkbfe-articleitem:hover svg {
	fill: #427aa1;
}

.hkbfe-articleitem svg {
	position: relative;
	top: 2px;
	margin-right: 8px;
	height: 16px;
	width: 16px;
}

.hkbfe-heading {
	display: block;
	font-size: 1.1rem;
	color: #162d3d;
	font-weight: 600;
	margin: 1rem 0;
	line-height: 1.3em;
}

.hkbfe__backbtn {
	cursor: pointer;
}

.hkbfe-backicon {
	display: flex;
	margin: 0 0 .5rem;
}

.hkbfe-featuredpanel {
	padding: .5rem 0;
}

.hkbfe-closeicon {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: 0px;
	cursor: pointer;
}

.hkbfe-closeicon svg path {
	fill: #666;
}

.hkbfe-articlelink {
	height: 12px;
	width: 12px;
}

.hkbfe-articlelink svg path {
	fill: #fff;
}

.hkb-embedwrap {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.hkb-embedbtn {
	bottom: 20px;
	right: 20px;
	border-radius: 99px;
	background: #2d9bf3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	max-height: 32px;
	max-width: 32px;
}

.hkb-embed {
	width: 100%;
	max-width: 380px;
	min-height: 300px;
	max-height: 600px;
	background: #fafafa;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 0 1px hsla(230, 13%, 9%, .05), 0 1.2px 1.9px -1px hsla(230, 13%, 9%, .01), 0 3px 5px -1px hsla(230, 13%, 9%, .015), 0 8px 15px -1px hsla(230, 13%, 9%, .05), 0 28px 40px -1px hsla(230, 13%, 9%, .1);
	border-radius: 4px;
}

.hkb-embed .hkb-embed__ctn {
	padding: 1rem;
}

.hkb-embed .hkb-embed__list {
	padding-bottom: 240px;
}

.hkb-embed .hkb-embed__header {
	background: #2d9bf3;
	color: #fff;
	border-radius: 4px 4px 0 0;
	overflow: visible;
	z-index: 99999;
}

.hkb-embed .hkb-embed__content {
	flex-grow: 1;
	min-height: 600px;
	max-height: unset;
	overflow-y: scroll;
	margin-top: 0;
	position: relative;
}

.hkb-embed .hkb-embed__content::-webkit-scrollbar {
	width: 16px;
}

.hkb-embed .hkb-embed__content::-webkit-scrollbar-track {
	background-color: hsla(230, 13%, 9%, 0);
}

.hkb-embed .hkb-embed__content::-webkit-scrollbar-thumb {
	border: 4px solid rgba(0, 0, 0, 0);
	background-clip: content-box;
	border-radius: 50em;
	background-color: hsla(230, 13%, 9%, .125);
}

.hkb-embed .hkb-embed__content::-webkit-scrollbar-thumb:hover {
	background-color: hsla(230, 13%, 9%, .2);
}

.hkb-embed .hkb-embed__nav {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 4px 4px;
}

.hkb-embed .hkb-embed__nav div {
	padding: .5rem 1rem;
	display: flex;
	align-items: center;
	font-size: .85rem;
	font-weight: 500;
}

.hkb-embed .hkb-embed__nav div:hover {
	cursor: pointer;
}

.hkb-embed .hkb-embed__nav div:first-child {
	border-radius: 4px 0 0 4px;
}

.hkb-embed .hkb-embed__nav div:last-child {
	border-radius: 0 4px 4px 0;
}

.hkb-embed .hkb-embed__nav div.active {
	background: rgba(0, 0, 0, .15);
	border-radius: 4px;
}

.hkb-embed .hkb-embed__nav div svg {
	max-width: 18px;
	max-height: 18px;
	margin: 0 .25rem 0 0;
	fill: #fff;
}

.hkb-embed .hkb-embed__kbheadertitle {
	padding: .5rem .5rem 0;
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
}

.hkb-embed .hkb-embed__kbheadertxt {
	padding: .5rem .5rem 0;
	text-align: center;
	font-size: .9rem;
	color: hsla(0, 0%, 100%, .85);
}

.hkb-embed .hkb-embed__articlesearch {
	padding-bottom: 2rem;
	margin-bottom: -4rem;
}

.hkb-embed .hkb-embed__articlesearch input {
	border: none;
	padding: .8rem .95rem;
	width: 100%;
	border-radius: 4px;
	font-size: .85rem;
	margin-top: 1rem;
	box-shadow: 0 .3px .4px hsla(230, 13%, 9%, .025), 0 .9px 1.5px hsla(230, 13%, 9%, .05), 0 3.5px 6px hsla(230, 13%, 9%, .1);
}

.hkb-kbcat {
	background: #fff;
	padding: 1rem;
	box-shadow: 0 .3px .4px hsla(230, 13%, 9%, .025), 0 .9px 1.5px hsla(230, 13%, 9%, .05), 0 3.5px 6px hsla(230, 13%, 9%, .1);
	border-radius: 4px;
	margin: 0 0 .5rem;
}

.hkb-kbcat span {
	display: block;
	color: #2d9bf3;
	margin: 0 0 .25rem;
}

.hkb-kbcat p {
	margin: 0;
	color: #1a1a1a;
	font-size: .9rem;
}
