/*!Theme Name: itsupportguides v3
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Refreshed, responsive version of the IT Support Guides theme with a CSS-first modernisation and PHP improvements.
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: itsupportguides
Tags: custom-background,  custom-logo,  custom-menu,  featured-images,  threaded-comments,  translation-ready*/
@font-face {
font-family: 'arial,  helvetica,  sans-serif';
font-display: swap;
}
@font-face {
font-family: fontello;
src: url(./font/fontello.eot);
src: url(./font/fontello.eot#iefix) format('embedded-opentype'), url(./font/fontello.woff) format('woff'), url(./font/fontello.ttf) format('truetype'), url(./font/fontello.svg#fontello) format('svg');
font-weight: 400;
font-style: normal;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%}
body {
margin: 0;
}
h1 {
font-size: 2.2em;
margin: .67em 0;
}
pre {
font-family: monospace, monospace;
}
a {
background-color: transparent;
}
b, strong {
font-weight: 800;
}
code {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%}
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
img {
border-style: none;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: .35em .75em .625em;
}
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, button, input, select, textarea {
color: #000;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.5;
}
p {
margin-bottom: 1.5em;
}
em, i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
code, var {
font-family: Monaco, Consolas, andale mono, dejavu sans mono, monospace;
}
ins:not(.adsbygoogle) {
background: #fff9c0;
text-decoration: none;
}
html {
box-sizing: border-box;
}
*, :after, :before {
box-sizing: inherit;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
img {
height: auto;
max-width: 100%}
table {
margin: 0 0 1.5em;
width: 100%;
table-layout: fixed;
word-break: break-word;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=range]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%}
a {
color: #4056a1;
}
a:visited {
color: #4056a1;
}
a:active, a:focus, a:hover {
color: #4056a1;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover>ul {
left: 100%}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul {
left: auto;
right: 0;
min-width: 400px;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
word-wrap: normal!important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto!important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
.comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after {
clear: both;
}
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%}
.page, .post {
margin: 0 0 1.5em;
}
.entry-content, .entry-summary, .page-content {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.comment-content a {
word-wrap: break-word;
}
embed, iframe, object {
max-width: 100%}
.custom-logo-link {
display: inline-block;
}
#site-navigation {
clear: none;
width: initial;
float: none;
}
#site-navigation a {
padding: 6px 15px;
}
.site-branding {
float: left;
font-size: 150%;
font-weight: 900;
}
.site-branding a, .site-branding a:hover, .site-branding a:visited {
text-decoration: none;
color: #fff;
}
.site-branding p {
margin: 0;
padding: 0 20px;
}
#page-header-breadcrumbs {
background: #f6f8fa;
padding: 10px 0;
}
ol.hkb-breadcrumbs a, ol.hkb-breadcrumbs a:hover, ol.hkb-breadcrumbs a:visited {
color: #303840;
text-decoration: none;
}
ol.hkb-breadcrumbs a span {
text-decoration: underline;
}
.hkb-breadcrumbs {
list-style: none;
padding: 0;
margin: 0;
}
.hkb-breadcrumbs li {
display: inline-block;
margin: 0;
font-weight: 600;
}
div.ht-breadcrumbs a::after, ol.hkb-breadcrumbs li:not(:last-of-type)::after {
content: ">";
margin: 0 6px;
font-size: 90%}
.ht-container {
padding: 0 20px;
margin: 0 auto;
max-width: 1600px;
}
.entry-meta {
font-size: 90%}
.updated-on {
margin: 1.5em 0 0;
display: block;
font-style: italic;
}
.site-header {
background: #334480;
color: #fff;
display: table;
position: relative;
text-align: center;
width: 100%;
padding: 10px 0;
}
#page-header {
background: #4056a1;
padding: 16px 0;
}
#page-header .hkb-site-search {
max-width: 1600px;
text-align: center;
margin: 0 auto;
}
body .hkb-site-search .hkb-site-search__field {
min-height: 44px;
width: 82%;
margin: 0;
padding: 0 1em;
border-radius: 4px 0 0 4px;
vertical-align: top;
}
.hkb-site-search .hkb-site-search__button {
text-transform: uppercase;
min-height: 44px;
width: 15%;
border: none;
border-radius: 0 4px 4px 0;
vertical-align: top;
}
.hkb-site-search .hkb-site-search__button:hover {
cursor: pointer;
background: #434345;
color: #fff;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#menu {
float: right;
}
#primary article ol>li::marker {
font-weight: 700;
}
#show-menu {
position: absolute;
left: -999em;
}
#show-menu + label{
display:none;
}
#menu a:active, #menu a:focus, #menu a:hover, #menu li:hover {
background: #434345;
color: #fff;
}
@media screen and (max-width:50em) {
.show-menu {
float: right;
font-size: 120%}
.show-menu::after {
content: "\f0c9";
font-family: fontello;
margin-left: 10px;
}
#menu {
display: none;
float: none;
}
#menu li {
width: 100%}
#menu a {
padding: .75em;
margin: .25em;
background: #f6f8fa;
}
#show-menu+label {
padding: .7em;
font-weight: 700;
background: #036;
display: block;
}
#show-menu+label:active, #show-menu+label:focus, #show-menu+label:hover {
background: #06c;
}
#show-menu:checked+label {
margin: 0;
}
#show-menu:checked~#menu, .hkb-site-search__button span, div#content, .main-navigation ul {
display: block;
}
.hkb-site-search__button::before {
content: "\e804";
font-family: fontello;
}
#page-header-breadcrumbs, .hkb_widget_toc, .hkb-site-search__button span {
display: none;
}
#site-navigation {
padding: 0 20px;
}
#site-navigation a {
color: #303840;
}
#primary-menu {
text-align: left;
}
div#primary.content-area {
width: 100%}
aside#secondary.widget-area {
width: 100%;
max-width: initial;
float: none;
padding: 3%}
body .ht-grid .ht-grid-col {
float: none;
width: 100%}
body #homepage-features .ht-grid .ht-grid-6 {
padding: .25em 0
}
section#content {
display:initial
}
#homepage-features>div, #site-footer-widgets>div, body:not(.single):not(.page) .article-grid{
grid-template-columns: 1fr;
}
}
body #primary .hkb-entry-content ol, body #primary .hkb-entry-content ul {
margin: 1.5em 0;
}
#secondary.widget-area {
padding: 3% 1.5%;
position: relative;
display: inline-block;
}
#primary.content-area {
margin-bottom: 35px;
padding: 3% 1.5%}
#secondary .widget, div.below-related {
padding: 20px;
}
#secondary .widget h2 {
margin-top: 0;
font-size: 120%;
font-weight: 400;
}
#content {
max-width: 1600px;
margin: 0 auto;
}
body #homepage-features {
background: #4056a1;
padding: 0;
padding: 10px 0;
}
.ht-grid.ht-grid-gutter-20 {
margin: 0 auto;
display: inline-block;
width: 100%}
#homepage-features .ht-grid .ht-grid-6 {
padding: 0 1%}
body a, body a:visited {
color: #334480;
}
body #homepage-features .hf-block {
padding: 10px 10px 10px 25px;
background: #fff;
text-align: center;
}
.ht-grid .ht-grid-6 {
width: 50%;
float: left;
}
#homepage-features .hf-block:hover h4, #homepage-features .hf-block:hover i {
color: #fff;
}
#homepage-features .hf-block:hover h5 {
color: #ccc;
}
#homepage-features .hf-block h4 {
color: #303840;
font-size: 22px;
margin: 0 0 10px;
clear: none;
}
#homepage-features a {
text-decoration: none;
}
#homepage-features .hf-block h5 {
color: #737373;
font-size: 14px;
margin: 0;
line-height: 20px;
clear: none;
}
#homepage-features .hf-block:hover {
background: #434345;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#site-footer-widgets {
background: #f6f8fa;
font-size: 90%;
padding-top: 10px;
}
footer .footer-links, footer .site-info {
background: #4056a1;
color: #fff;
text-align: center;
padding: .2em 0;
}
#navtoc a, .widget_recent_entries a, body .hkb-entry-meta a, body article a {
color: #4056a1;
padding-top: 5px;
font-weight: 600;
}
#navtoc a:hover, #navtoc a:visited:hover, .widget_recent_entries a:hover, .widget_recent_entries a:visited, body .hkb-entry-meta a:hover, body .hkb-entry-meta a:visited:hover, body article a:hover, body article a:visited:hover {
background: #f8e9a1;
text-decoration: none!important;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
text-decoration: none;
}
a[href$=gif], a[href$=jpe], a[href$=jpeg], a[href$=jpg], a[href$=png] {
background: 0 0!important;
border-bottom: none!important;
}
#homepage-widgets {
padding: 40px 0 0;
}
.ht-grid.ht-grid-gutter-20 .ht-grid-col {
padding: 0 20px;
}
.ht-grid .ht-grid-4 {
width: 33.333%}
.ht-grid .ht-grid-col {
float: left;
}
body.home {
background: #fff;
}
body.home #content {
display: initial;
}
.widget ul {
padding: 0;
margin: 0;
list-style: none;
}
#site-footer-widgets .widget>ul {
list-style: none;
margin: 0;
padding: 0;
}
#site-footer-widgets ul>li {
margin: 0 0 10px;
}
body.error404 #primary {
background: #fff;
}
body.error404 .post.error404 .entry-title {
color: #303840;
}
body.error404 .search-field {
border: medium solid #303840;
color: #303840;
}
body.error404 .post.error404 h1.entry-title {
font-size: 100px;
}
body.error404 article.post.error404 {
text-align: center;
}
body.error404 #primary {
background: #fff;
}
body.error404 #primary.content-area {
width: 100%}
.site-title a {
color: #fff;
font-weight: 400;
text-decoration: none;
}
.site-title a:hover {
color: #fff;
}
a:hover {
text-decoration: underline;
}
a:active, a:focus, a:hover {
color: #334480;
}
span.fa {
padding: 0 10px;
}
#primary article .category a, #primary nav a, #primary nav span.current, .tagcloud a, .term-list a, button, input[type=button], input[type=reset], input[type=submit] {
background: #434345!important;
text-decoration: none;
border-radius: 3px;
color: #fff!important;
padding: 0 5px;
transition: all .2s ease-out;
white-space: nowrap;
margin-right: 5px;
font-weight: 400;
display: inline-block;
margin-bottom: 5px;
}
#primary article .category a:active, #primary article .category a:focus, #primary article .category a:hover, #primary article .comment_count a:active, #primary article .comment_count a:focus, #primary article .comment_count a:hover, #primary nav a:active, #primary nav a:focus, #primary nav a:hover, #primary nav span.current, .term-list a:active, .term-list a:focus, .term-list a:hover, button:active, button:focus, button:hover, div.tagcloud a:active, div.tagcloud a:focus, div.tagcloud a:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
color: #434345!important;
background: #f8e9a1!important;
}
#primary article .entry-header img {
object-fit: cover;
max-height: 400px;
width: 100%}
div.tagcloud a:nth-of-type(n+20) {
display: none;
}
footer #comments, footer .term-list {
padding: 1em;
background: #f6f8fa;
margin: 1em 0;
}
footer #comments .comment-list article {
margin: .5em 0;
display: inline-block;
background: #fff;
width: 100%;
padding: .5em;
}
.term-list h3 {
display: inline;
margin-right: 10px;
}
#primary nav {
margin: 1em 0;
font-size: 1.5rem;
}
pre {
padding: 1.6em;
}
code {
padding: .1em .5em;
}
code, pre {
background: none repeat scroll 0 0 #eee;
font-family: monospace;
overflow: auto;
position: relative;
white-space: pre;
}
p code {
white-space: break-spaces;
}
.main-navigation li a {
color: #fff;
display: block;
padding: 12px 20px;
text-decoration: none;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.main-navigation li {
position: relative;
}
.main-navigation ul {
list-style: outside none none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
background: none repeat scroll 0 0 #f7fafb;
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
position: absolute;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul li {
display: block;
float: none;
color: #1a1a1a!important;
}
.main-navigation ul ul a {
width: auto;
color: #3a4145;
display: block;
}
.sr-only {
color: #000;
background-color: #fff;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
h1.site-title {
display: inline;
float: left;
width: 325px;
margin: 0;
}
article h1 {
margin: 0 0 10px;
font-size: 1.8em;
line-height: 1.2;
}
#secondary aside.widget {
padding: 20px;
}
#primary .widget_search {
background: #fff;
}
.time {
white-space: nowrap;
}
#homepage-features .hf-block i {
float: left;
font-size: 40px;
margin: 0 0 20px;
color: #434345;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 Fontello;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.fa-lightbulb-o::before {
content: "\f0eb"}
.fa-bullhorn::before {
content: "\e801"}
#primary .hkb-archive:after, #primary .hkb-breadcrumbs:after, #primary .hkb-entry-content:after, #primary .hkb-meta:after, #primary .hkb-site-search:after {
content: "";
display: table;
clear: both;
}
.hkb-screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#primary *, #primary :after, #primary :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#primary .hkb-archive {
list-style: none;
padding: 0;
margin: 0;
}
#primary .hkb-archive>li {
margin: 0;
}
#primary .hkb-site-search {
margin: 0 0 40px;
position: relative;
}
#primary .hkb-site-search .hkb-site-search__field {
float: left;
width: 80%;
margin: 0;
min-height: 50px;
padding-left: 1em;
padding-right: 1em;
}
#primary .hkb-site-search .hkb-site-search__button {
width: 20%;
margin: 0;
position: absolute;
bottom: 0;
top: 0;
right: 0;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
#primary .hkb-breadcrumbs {
list-style: none;
padding: 0;
margin: -30px 0 40px;
font-size: 90%}
#primary .hkb-breadcrumbs li {
display: inline-block;
margin: 0;
}
#primary .hkb-breadcrumbs li:after {
content: "/";
color: #737373;
}
#primary .hkb-breadcrumbs li:last-child:after {
content: ""}
#primary .hkb-breadcrumbs a {
text-decoration: none;
border: none;
color: inherit;
}
#primary .hkb-breadcrumbs a:hover {
border: none;
}
#primary .hkb-breadcrumbs a:focus {
outline: 0;
}
#primary .hkb-category {
margin: 0 0 2em;
}
#primary .hkb-category .hkb-category__header {
margin: 0 0 1em;
}
#primary .hkb-category .hkb-category__title {
display: inline-block;
font-size: 18px;
line-height: 22px;
margin: 0;
padding: 0;
}
#primary .hkb-category .hkb-category__title a {
text-decoration: none;
border: none;
color: inherit;
}
#primary .hkb-category .hkb-category__title a:hover {
border: none;
}
#primary .hkb-category .hkb-category__title a:focus {
outline: 0;
}
#primary .hkb-category .hkb-category__count {
display: inline-block;
font-size: 12px;
color: #737373;
margin-left: 2px;
}
#primary .hkb-category .hkb-category__count:before {
content: "("}
#primary .hkb-category .hkb-category__count:after {
content: ")"}
#primary .hkb-category .hkb-article-list {
font-size: 15px;
line-height: 22px;
}
#primary .hkb-category .hkb-article-list a {
color: inherit;
font-weight: 400;
}
#primary .hkb-category .hkb-category__view-all {
display: block;
font-size: 15px;
line-height: 22px;
position: relative;
padding-left: 20px;
color: inherit;
font-weight: 400;
text-decoration: none;
border: none;
}
#primary .hkb-category .hkb-category__view-all:hover {
border: none;
}
#primary .hkb-category .hkb-category__view-all:focus {
outline: 0;
}
#primary .hkb-category .hkb-category__view-all:before {
font-family: Fontello;
content: "\f18e";
color: #6d6d6d;
font-size: 90%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
#primary .hkb-article-list {
list-style: none;
padding: 0;
margin: 0;
}
#primary .hkb-article-list>li {
margin: 0 0 5px;
}
#primary .hkb-article-list a {
text-decoration: none;
border: none;
color: inherit;
font-weight: 400;
}
#primary .hkb-article-list a:hover {
border: none;
}
#primary .hkb-article-list a:focus {
outline: 0;
}
#primary .hkb-article-list .hkb-article-list__format-standard {
position: relative;
padding-left: 20px;
}
#primary .hkb-article-list .hkb-article-list__format-standard:before {
font-family: Fontello;
content: "\e800";
color: #6d6d6d;
font-size: 90%;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
}
#primary .hkb-article-list .hkb-article-list__format-standard:before {
content: "\e800"}
#primary .hkb-meta {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1;
}
#primary .hkb-meta li {
float: left;
margin: 0 0 0 5px;
background: #ededed;
padding: 5px;
border-radius: 3px;
}
#primary .hkb-meta li:first-child {
margin-left: 0;
}
#primary .hkb-meta .hkb-meta__comments:before {
margin: 0;
padding: 0;
background: 0 0;
content: "\e800";
color: #6d6d6d;
display: inline-block;
font-family: Fontello;
margin-right: 3px;
}
#primary .hkb-article {
position: relative;
}
#primary .hkb-article .hkb-article__title {
margin: 0 0 10px;
}
#primary .hkb-article .hkb-article__title a {
text-decoration: none;
border: none;
color: inherit;
}
#primary .hkb-article .hkb-article__title a:hover {
border: none;
}
#primary .hkb-article .hkb-article__title a:focus {
outline: 0;
}
#primary .hkb-entry-content ol, #primary .hkb-entry-content ul {
margin: 0 0 2em 2em;
}
#primary .hkb-article__content {
margin: 0 0 2em;
padding: 0;
}
#primary .hkb-article__content ul li {
list-style: disc;
}
#primary .hkb-article__links {
margin: -1em 0 2em;
}
#primary .hkb-article__links a {
text-decoration: none;
border: none;
}
#primary .hkb-article__links a:hover {
border: none;
}
#primary .hkb-article__links a:focus {
outline: 0;
}
#primary .hkb-article-related {
margin: 0 0 1em;
}
#primary .hkb-article-related .hkb-article-related__title {
margin: 0 0 .6em;
}
#primary .hkb-article-related .hkb-meta {
position: absolute;
right: 0;
top: 1px;
}
#primary .hkb-article-author {
padding: 30px 0 0;
}
#primary .hkb-article-author .hkb-article-author__name {
margin: 0 0 15px;
display: inline-block;
}
#primary .hkb-article-author .hkb-article-author__name a {
text-decoration: none;
border: none;
}
#primary .hkb-article-author .hkb-article-author__name a:hover {
border: none;
}
#primary .hkb-article-author .hkb-article-author__name a:focus {
outline: 0;
}
#primary.hkb-template-category .hkb-article {
padding: 10px 0;
border-bottom: 1px solid #dfe4e6;
margin: 0;
}
#primary.hkb-template-category .hkb-article .hkb-article__title {
font-size: 18px;
line-height: 20px;
margin: 0;
padding: 0 90px 0 0;
}
#primary.hkb-template-category .hkb-article .hkb-meta {
position: absolute;
right: 0;
top: 10px;
bottom: 10px;
}
#primary.hkb-template-search .hkb-article {
padding: 10px 0;
border-bottom: 1px solid #dfe4e6;
}
#primary.hkb-template-search .hkb-article .hkb-article__title {
font-size: 18px;
line-height: 20px;
margin: 0;
padding: 0 90px 0 0;
}
#primary.hkb-template-search .hkb-article .hkb-meta {
position: absolute;
right: 0;
top: 10px;
bottom: 10px;
}
.widget_recent_entries ul>li {
position: relative;
margin: 0 0 10px;
padding-left: 25px;
}
.widget_recent_entries ul>li:before {
font-family: Fontello;
content: "\e800";
color: #6d6d6d;
font-size: 100%;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
background: 0 0;
}
#comments ol {
list-style: none;
padding: 0;
}
.widget-title {
margin-top: 0;
font-size: 1.5em;
}
.reply a, .reply a:visited {
text-decoration: none;
border: none;
color: initial;
font-weight: inherit;
font-size: small;
}
.reply a {
border-radius: 3px;
float: left;
margin-bottom: 3px;
margin-right: 3px;
padding: 2px 10px;
background: #434345;
color: #fff;
font-size: 16px;
}
.reply a:hover {
color: #434345;
background: #f8e9a1;
}
.footer-links a, .footer-links a:visited {
color: #fff;
font-size: small;
}
.footer-links ul {
list-style: none;
margin: 5px 0;
}
.footer-links ul li {
display: inline;
padding: 0 10px;
}
.blog-more {
text-align: center;
}
div.blog-more a {
background: #434345;
color: #fff;
padding: 10px 20px;
text-decoration: none;
font-size: large;
}
div.blog-more a:active, div.blog-more a:hover {
color: #434345;
background: #f8e9a1;
}
.gform-body>ul>li {
list-style: none;
margin-top: 5px;
}
.gform-body>ul>li label {
font-weight: 800;
}
#navtoc li {
list-style: none;
border-left: 2px solid #000;
padding-left: 1em;
}
#navtoc ol {
padding: 0;
}
body:not(.single):not(.page) #primary article:not(.error404) {
background: #f6f8fa;
padding: 1em;
}
body:not(.single):not(.page) #primary article .meta {
display: flex;
flex-direction: row;
grid-gap: 20px;
}
#primary article a {
border: none;
word-wrap: anywhere;
}
#primary article h2 {
margin: 0;
}
#content {
display: grid;
grid-template-columns: 67% 33%;
grid-auto-flow: dense;
grid-gap: 1em;
}
#homepage-features>div, #site-footer-widgets>div, body:not(.single):not(.page) .article-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-gap: 1em;
grid-auto-flow: dense;
}
body:not(.single):not(.page) .article-grid article:nth-child(4n+1) {
grid-column: 1/-1;
}
body:not(.single):not(.page) .article-grid article:nth-child(n+9) {
grid-column: 1/-1;
display: grid;
grid-template-columns: inherit;
grid-gap: 32px;
}
body:not(.single):not(.page) #primary article img {
width: 100%;
object-fit: cover;
}
body:not(.single):not(.page) #primary article:first-of-type img {
max-height: 350px;
}
body:not(.single):not(.page) #primary article:not(:first-of-type) img {
max-height: 220px;
}
body:not(.single):not(.page) #primary article:not(:nth-child(4n+1)):not(:nth-child(n+9)) .excerpt {
display: none;
}
#primary article .comment_count a {
background: #ededed;
padding: 5px;
border-radius: 3px;
white-space: nowrap;
display: inline-block;
}
#primary article .comment_count a::before {
content: "\e800";
color: #6d6d6d;
font-family: Fontello;
margin-right: 3px;
}
#commentform label {
font-weight: 700;
}
#commentform label .required {
color: red;
}
p.success {
border: 2px solid green;
background: #90ee90;
padding: 1em;
}
p.error {
border: 2px solid red;
background: #fff5ee;
padding: 1em;
}
.sk-circle {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -.9s;
animation-delay: -.9s;
}
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -.8s;
animation-delay: -.8s;
}
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -.7s;
animation-delay: -.7s;
}
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -.6s;
animation-delay: -.6s;
}
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -.5s;
animation-delay: -.5s;
}
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -.4s;
animation-delay: -.4s;
}
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -.3s;
animation-delay: -.3s;
}
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -.2s;
animation-delay: -.2s;
}
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -.1s;
animation-delay: -.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
0%, 100%, 80% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@keyframes sk-circleBounceDelay {
0%, 100%, 80% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

/* ==========================================================================
   2026 theme refresh
   CSS-first improvements to keep the existing look, while making the layout
   lighter, more responsive, and easier to use.
   ========================================================================== */
:root {
	--itsg-blue: #334480;
	--itsg-blue-alt: #4056a1;
	--itsg-text: #1f2937;
	--itsg-muted: #5f6b7f;
	--itsg-bg: #f8fafc;
	--itsg-surface: #ffffff;
	--itsg-surface-alt: #eef3f8;
	--itsg-border: #dbe4ef;
	--itsg-highlight: #f8e9a1;
	--itsg-shadow-soft: 0 6px 20px rgba(15, 23, 42, 0.06);
	--itsg-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
	--itsg-radius-sm: 12px;
	--itsg-radius: 18px;
	--itsg-max-width: 1440px;
}

html {
	font-size: 100%;
}

body {
	background: var(--itsg-bg);
	color: var(--itsg-text);
	font-size: clamp(16px, 1rem + 0.15vw, 18px);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img {
	display: block;
}

iframe,
video,
embed,
object {
	max-width: 100%;
}

a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

:focus-visible {
	outline: 3px solid var(--itsg-highlight);
	outline-offset: 3px;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
	outline: 3px solid var(--itsg-highlight);
	outline-offset: 3px;
}

.ht-container,
#content {
	max-width: var(--itsg-max-width);
}

.ht-container {
	padding: 0 24px;
}

.site-header {
	background: linear-gradient(180deg, var(--itsg-blue) 0%, #2d3b72 100%);
	color: #fff;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px 28px;
	padding: 16px 24px;
	box-shadow: 0 10px 30px rgba(31, 41, 55, 0.18);
}

.site-branding {
	min-width: 0;
}

h1.site-title,
p.site-title {
	float: none;
	width: auto;
	display: block;
	margin: 0;
	font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.15rem);
	line-height: 1.12;
	text-align: left;
}

.site-title a {
	display: inline-block;
}

#site-navigation {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-width: 0;
}

.main-navigation {
	clear: none;
	float: none;
	width: auto;
}

#menu {
	float: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
}

.main-navigation li {
	float: none;
}

.main-navigation li a {
	padding: 11px 16px;
	border-radius: 999px;
}

#menu a:active,
#menu a:focus,
#menu a:hover,
#menu li:hover > a {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

.main-navigation ul ul {
	background: #fff;
	border: 1px solid var(--itsg-border);
	border-radius: 14px;
	box-shadow: var(--itsg-shadow);
	overflow: hidden;
	min-width: 260px;
}

.main-navigation ul li:hover > ul {
	left: auto;
	right: 0;
	min-width: 260px;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
	right: auto;
}

.main-navigation ul ul a {
	width: auto;
	padding: 12px 16px;
	color: var(--itsg-text);
	border-radius: 0;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
.main-navigation ul ul li:hover > a {
	background: var(--itsg-surface-alt);
	color: var(--itsg-blue);
}

#page-header {
	background: var(--itsg-blue-alt);
	padding: 22px 0;
}

#page-header .hkb-site-search,
#primary .hkb-site-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;
	max-width: 920px;
	margin: 0 auto;
	gap: 0;
}

body .hkb-site-search .hkb-site-search__field,
#primary .hkb-site-search .hkb-site-search__field {
	width: 100%;
	min-height: 54px;
	padding: 0 18px;
	margin: 0;
	border: 1px solid var(--itsg-border);
	border-right: none;
	border-radius: 14px 0 0 14px;
	background: #fff;
	color: var(--itsg-text);
}

body .hkb-site-search .hkb-site-search__field::placeholder,
#primary .hkb-site-search .hkb-site-search__field::placeholder {
	color: #6b7280;
}

.hkb-site-search .hkb-site-search__button,
#primary .hkb-site-search .hkb-site-search__button {
	width: auto;
	min-width: 148px;
	min-height: 54px;
	padding: 0 20px;
	border-radius: 0 14px 14px 0;
	background: #1f2937;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.hkb-site-search .hkb-site-search__button:hover,
#primary .hkb-site-search .hkb-site-search__button:hover {
	background: #111827;
	color: #fff;
}

#page-header-breadcrumbs {
	background: var(--itsg-surface-alt);
	padding: 12px 0;
	border-bottom: 1px solid var(--itsg-border);
}

ol.hkb-breadcrumbs a,
ol.hkb-breadcrumbs a:hover,
ol.hkb-breadcrumbs a:visited {
	color: var(--itsg-text);
}

ol.hkb-breadcrumbs a span {
	text-decoration: none;
}

.hkb-breadcrumbs {
	font-size: 0.95rem;
}

.hkb-breadcrumbs li {
	color: var(--itsg-muted);
	font-weight: 600;
}

#content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
	gap: clamp(24px, 3vw, 40px);
	align-items: start;
	padding: clamp(24px, 4vw, 40px) 24px 48px;
}

body.home #content,
body.error404 #content {
	display: block;
	padding: 0;
}

#primary.content-area,
#secondary.widget-area {
	margin: 0;
	padding: 0;
	min-width: 0;
}

body #homepage-features {
	background: var(--itsg-blue-alt);
	padding: 16px 0 24px;
}

#homepage-features > div,
#site-footer-widgets > div,
body:not(.single):not(.page) .article-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 24px;
	grid-auto-flow: row;
}

#homepage-features > div {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

body #homepage-features .hf-block {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	height: 100%;
	padding: 22px 24px;
	border-radius: var(--itsg-radius);
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: var(--itsg-shadow-soft);
	text-align: left;
	transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

#homepage-features .hf-block h4 {
	margin: 0;
	font-size: clamp(1.2rem, 1rem + 0.8vw, 1.45rem);
	line-height: 1.2;
}

#homepage-features .hf-block h5 {
	margin-top: 2px;
}

#homepage-features .hf-block i {
	float: none;
	margin: 0;
	font-size: 1.9rem;
	line-height: 1;
}

#homepage-features .hf-block:hover {
	transform: translateY(-2px);
}

#homepage-widgets {
	padding: clamp(28px, 5vw, 48px) 0 0;
}

body:not(.single):not(.page) .article-grid article:nth-child(4n+1),
body:not(.single):not(.page) .article-grid article:nth-child(n+9) {
	grid-column: auto;
}

body:not(.single):not(.page) .article-grid article:nth-child(n+9) {
	display: block;
	grid-template-columns: none;
	gap: 0;
}

body:not(.single):not(.page) #primary article:not(.error404) {
	background: var(--itsg-surface);
	border: 1px solid var(--itsg-border);
	border-radius: var(--itsg-radius);
	box-shadow: var(--itsg-shadow-soft);
	overflow: hidden;
	padding: 0;
	height: 100%;
}

body:not(.single):not(.page) #primary article > a {
	display: block;
}

body:not(.single):not(.page) #primary article img {
	width: 100%;
	max-height: none;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

body:not(.single):not(.page) #primary article .content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px 24px 24px;
}

body:not(.single):not(.page) #primary article h2 {
	margin: 0;
	font-size: clamp(1.15rem, 1rem + 0.55vw, 1.45rem);
	line-height: 1.25;
}

body:not(.single):not(.page) #primary article .meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	font-size: 0.95rem;
	color: var(--itsg-muted);
}

body:not(.single):not(.page) #primary article .excerpt {
	display: block;
	color: var(--itsg-muted);
}

@media (min-width: 1200px) {
	body:not(.single):not(.page) .article-grid article:first-child {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.95fr);
		grid-column: 1 / -1;
	}

	body:not(.single):not(.page) .article-grid article:first-child .content {
		padding: 28px 30px;
	}

	body:not(.single):not(.page) .article-grid article:first-child img {
		height: 100%;
		aspect-ratio: auto;
	}
}

body.single #primary article,
body.page #primary article,
body.error404 #primary article {
	background: var(--itsg-surface);
	border: 1px solid var(--itsg-border);
	border-radius: clamp(16px, 2vw, 22px);
	box-shadow: var(--itsg-shadow-soft);
	overflow: hidden;
}

body.single #primary article > .entry-header,
body.page #primary article > .entry-header,
body.single #primary .entry-content,
body.page #primary .entry-content,
body.single #primary .entry-footer,
body.page #primary .entry-footer,
body.error404 #primary article {
	padding-left: clamp(24px, 4vw, 48px);
	padding-right: clamp(24px, 4vw, 48px);
}

body.single #primary article > .entry-header,
body.page #primary article > .entry-header {
	padding-top: clamp(24px, 4vw, 44px);
}

body.single #primary .entry-content,
body.page #primary .entry-content,
body.error404 #primary article {
	padding-bottom: clamp(28px, 4vw, 44px);
}

body.single #primary .entry-footer,
body.page #primary .entry-footer {
	padding-bottom: clamp(24px, 4vw, 40px);
}

#primary article .entry-header img {
	width: 100%;
	max-height: min(48vh, 420px);
	object-fit: cover;
}

article h1,
body.error404 .post.error404 h1.entry-title {
	font-size: clamp(1.9rem, 1.35rem + 2vw, 3rem);
	line-height: 1.12;
	letter-spacing: -0.02em;
}

article h2 {
	font-size: clamp(1.45rem, 1.15rem + 0.9vw, 2rem);
	line-height: 1.2;
}

article h3 {
	font-size: clamp(1.2rem, 1.05rem + 0.6vw, 1.55rem);
	line-height: 1.28;
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	align-items: center;
	font-size: 0.95rem;
	color: var(--itsg-muted);
}

.updated-on {
	margin: 0;
	font-style: normal;
}

.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.hkb-entry-content h2,
.hkb-entry-content h3,
.hkb-entry-content h4,
.hkb-entry-content h5,
.hkb-entry-content h6 {
	scroll-margin-top: 110px;
}

#secondary.widget-area {
	display: grid;
	gap: 24px;
	align-content: start;
}

#secondary .widget,
#secondary section,
div.below-related,
footer #comments,
footer .term-list {
	background: var(--itsg-surface);
	border: 1px solid var(--itsg-border);
	border-radius: var(--itsg-radius);
	box-shadow: var(--itsg-shadow-soft);
	padding: 22px 24px;
	margin: 0;
}

#secondary aside.widget {
	padding: 22px 24px;
}

#secondary .widget h2,
#secondary .widget-title,
.widget-title {
	margin: 0 0 14px;
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--itsg-text);
}

.widget ul > li,
#site-footer-widgets ul > li {
	margin: 0 0 12px;
}

#site-footer-widgets {
	background: var(--itsg-surface-alt);
	font-size: 0.95rem;
	padding: 32px 0;
	border-top: 1px solid var(--itsg-border);
}

footer .footer-links,
footer .site-info {
	background: var(--itsg-blue-alt);
	padding: 10px 0;
}

.footer-links ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 18px;
	margin: 0;
	padding: 0;
}

.footer-links ul li {
	display: block;
	padding: 0;
}

.blog-more {
	margin-top: 16px;
	text-align: center;
}

body article a,
body .hkb-entry-meta a,
.widget_recent_entries a,
#navtoc a {
	background: transparent;
	color: var(--itsg-blue-alt);
}

#navtoc a:hover,
#navtoc a:visited:hover,
.widget_recent_entries a:hover,
.widget_recent_entries a:visited:hover,
body .hkb-entry-meta a:hover,
body .hkb-entry-meta a:visited:hover,
body article a:hover,
body article a:visited:hover {
	background: transparent;
	text-decoration: underline !important;
}

#primary article .category a,
#primary nav a,
#primary nav span.current,
.tagcloud a,
.term-list a,
button,
input[type=button],
input[type=reset],
input[type=submit],
.reply a {
	background: #2d3b72 !important;
	border-radius: 999px;
	padding: 6px 12px;
	line-height: 1.3;
	box-shadow: none;
}

#primary article .category a:active,
#primary article .category a:focus,
#primary article .category a:hover,
#primary article .comment_count a:active,
#primary article .comment_count a:focus,
#primary article .comment_count a:hover,
#primary nav a:active,
#primary nav a:focus,
#primary nav a:hover,
#primary nav span.current,
.term-list a:active,
.term-list a:focus,
.term-list a:hover,
button:active,
button:focus,
button:hover,
div.tagcloud a:active,
div.tagcloud a:focus,
div.tagcloud a:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover,
.reply a:hover {
	background: var(--itsg-highlight) !important;
	color: var(--itsg-text) !important;
}

.reply a {
	float: none;
}

div.blog-more a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	box-shadow: var(--itsg-shadow-soft);
}

#primary .hkb-category {
	margin: 0 0 24px;
	padding: 22px 24px;
	background: var(--itsg-surface);
	border: 1px solid var(--itsg-border);
	border-radius: var(--itsg-radius);
	box-shadow: var(--itsg-shadow-soft);
}

#primary .hkb-category .hkb-category__header {
	margin-bottom: 14px;
}

#primary .hkb-category .hkb-category__title,
#primary .hkb-article .hkb-article__title,
#primary.hkb-template-category .hkb-article .hkb-article__title,
#primary.hkb-template-search .hkb-article .hkb-article__title {
	font-size: 1.1rem;
	line-height: 1.35;
}

#primary .hkb-site-search {
	margin-bottom: 28px;
}

#primary .hkb-article-related,
#primary.hkb-template-category .hkb-article,
#primary.hkb-template-search .hkb-article {
	padding-top: 18px;
	padding-bottom: 18px;
}

#primary .hkb-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

#primary .hkb-meta li {
	float: none;
	margin: 0;
	padding: 6px 8px;
	border-radius: 999px;
	background: var(--itsg-surface-alt);
	color: var(--itsg-muted);
}

#primary.hkb-template-category .hkb-article .hkb-meta,
#primary.hkb-template-search .hkb-article .hkb-meta,
#primary .hkb-article-related .hkb-meta {
	right: 0;
}

#navtoc li {
	border-left-color: var(--itsg-blue-alt);
}

pre,
code {
	background: #eef2f7;
	border: 1px solid var(--itsg-border);
	border-radius: 12px;
}

pre {
	padding: 1rem 1.1rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

code {
	padding: 0.15em 0.45em;
	white-space: break-spaces;
}

pre code {
	padding: 0;
	border: none;
	background: transparent;
	white-space: pre;
}

table {
	width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
	table-layout: auto;
}

.entry-content table,
.hkb-entry-content table {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

th,
td {
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--itsg-border);
	vertical-align: top;
}

th {
	background: var(--itsg-surface-alt);
	text-align: left;
}

blockquote {
	margin: 2em 0;
	padding: 1em 1.2em;
	border-left: 4px solid var(--itsg-blue-alt);
	background: var(--itsg-bg);
}

#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url],
#commentform textarea,
.gform-body input[type=text],
.gform-body input[type=email],
.gform-body input[type=tel],
.gform-body textarea {
	width: 100%;
	min-height: 48px;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--itsg-border);
	border-radius: 12px;
	background: #fff;
}

#commentform textarea,
.gform-body textarea {
	min-height: 160px;
	resize: vertical;
}

#commentform label,
.gform-body > ul > li label {
	display: block;
	margin-bottom: 6px;
}

@media (max-width: 1100px) {
	#content {
		grid-template-columns: minmax(0, 1fr);
	}

	#secondary.widget-area {
		margin-top: 4px;
	}

	body:not(.single):not(.page) .article-grid article:first-child {
		display: block;
		grid-column: auto;
	}
}

@media (max-width: 900px) {
	.site-header {
		grid-template-columns: 1fr;
		padding: 14px 20px 18px;
	}

	#site-navigation {
		justify-content: stretch;
	}

	.main-navigation,
	#site-navigation,
	.site-branding {
		width: 100%;
	}

	.show-menu {
		float: none;
		font-size: 1rem;
	}

	#show-menu + label {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 0.9rem 1rem;
		border-radius: 999px;
		background: #24315e;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
		margin-left: auto;
	}

	.show-menu::after {
		margin-left: 0;
	}

	#show-menu + label:hover,
	#show-menu + label:focus {
		background: #1d2748;
	}

	#menu {
		display: none;
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		margin-top: 14px;
	}

	#show-menu:checked ~ #menu {
		display: flex;
	}

	#menu li,
	#menu a {
		width: 100%;
	}

	#menu a,
	.main-navigation ul ul a {
		margin: 0;
		padding: 12px 14px;
		background: rgba(255, 255, 255, 0.08);
		color: #fff;
		border-radius: 14px;
	}

	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: static;
		left: auto;
		right: auto;
		top: auto;
		box-shadow: none;
		border: 0;
		background: transparent;
		padding-top: 6px;
		margin: 6px 0 0 12px;
		min-width: 0;
		overflow: visible;
		display: block;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul ul li:hover > ul {
		left: auto;
		right: auto;
	}

	#site-navigation a,
	.main-navigation ul ul a {
		color: #fff;
	}

	#menu a:active,
	#menu a:focus,
	#menu a:hover,
	#menu li:hover > a,
	.main-navigation ul ul a:hover,
	.main-navigation ul ul a:focus {
		background: rgba(255, 255, 255, 0.16);
		color: #fff;
	}
}

@media (max-width: 780px) {
	.ht-container,
	#content {
		padding-left: 16px;
		padding-right: 16px;
	}

	#page-header .hkb-site-search,
	#primary .hkb-site-search {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	body .hkb-site-search .hkb-site-search__field,
	#primary .hkb-site-search .hkb-site-search__field {
		border-right: 1px solid var(--itsg-border);
		border-radius: 14px;
	}

	.hkb-site-search .hkb-site-search__button,
	#primary .hkb-site-search .hkb-site-search__button {
		width: 100%;
		min-width: 0;
		border-radius: 14px;
	}

	.hkb-site-search__button span {
		display: inline;
	}

	#page-header-breadcrumbs {
		display: block;
	}
}

@media (max-width: 640px) {
	body #homepage-features .hf-block {
		padding: 18px 20px;
	}

	body.single #primary article > .entry-header,
	body.page #primary article > .entry-header,
	body.single #primary .entry-content,
	body.page #primary .entry-content,
	body.single #primary .entry-footer,
	body.page #primary .entry-footer,
	body.error404 #primary article {
		padding-left: 20px;
		padding-right: 20px;
	}

	body:not(.single):not(.page) .article-grid {
		grid-template-columns: 1fr;
	}

	.hkb-breadcrumbs li {
		display: inline;
		line-height: 1.8;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/* ==========================================================================
   v2 refinements
   Broad spacing, simpler type scale, better excerpts, and cleaner mobile nav.
   ========================================================================== */
:root {
	--itsg-font-sm: 0.95rem;
	--itsg-stack-space: clamp(20px, 2.6vw, 32px);
}

body:not(.single):not(.page) #primary article .excerpt,
body:not(.single):not(.page) #primary article .excerpt p {
	color: var(--itsg-text);
}

#page-header-breadcrumbs .hkb-breadcrumbs,
#page-header-breadcrumbs .hkb-breadcrumbs li,
#page-header-breadcrumbs .hkb-breadcrumbs a,
#primary .hkb-breadcrumbs,
#primary .hkb-breadcrumbs li,
#primary .hkb-breadcrumbs a,
.entry-meta,
body:not(.single):not(.page) #primary article .meta,
#site-footer-widgets,
.footer-links,
.comment-metadata,
.comment-notes,
.logged-in-as,
#commentform label,
#commentform .comment-form-cookies-consent,
.widget ul,
.widget ol {
	font-size: var(--itsg-font-sm);
}

#page-header-breadcrumbs .hkb-breadcrumbs,
#primary .hkb-breadcrumbs {
	line-height: 1.5;
}

body.single .article-grid,
body.page .article-grid {
	display: grid;
	gap: var(--itsg-stack-space);
}

body.single #primary article,
body.page #primary article {
	display: grid;
}

body.single #primary article > .entry-content,
body.page #primary article > .entry-content {
	display: grid;
	gap: 1.1rem;
}

body.single #primary article > .entry-footer,
body.page #primary article > .entry-footer {
	display: grid;
	gap: 1rem;
	padding-top: clamp(20px, 3vw, 28px);
	padding-bottom: clamp(20px, 3vw, 28px);
	border-top: 1px solid var(--itsg-border);
}

body.single #primary article > .entry-footer:empty,
body.page #primary article > .entry-footer:empty {
	display: none;
}

body.single #primary article > .comments-area,
body.page #primary article > .comments-area {
	padding-left: clamp(24px, 4vw, 48px);
	padding-right: clamp(24px, 4vw, 48px);
	padding-top: clamp(24px, 4vw, 36px);
	padding-bottom: clamp(28px, 4vw, 44px);
	margin: 0;
	border-top: 1px solid var(--itsg-border);
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

body.single #primary article > .comments-area h2,
body.page #primary article > .comments-area h2,
body.single #primary article > .comments-area h3,
body.page #primary article > .comments-area h3 {
	margin-top: 0;
}

.term-list {
	display: grid;
	gap: 12px;
}

.term-list h3 {
	display: block;
	margin: 0;
	font-size: 1rem;
}

.term-list .posted-in,
.term-list .tagged-in {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.term-list a {
	margin-right: 0;
	margin-bottom: 0;
}

.entry-content + .entry-footer,
.entry-footer + .comments-area {
	margin-top: 0;
}

.above-related,
.below-related {
	margin: 0;
}

#commentform,
.comment-respond {
	display: grid;
	gap: 14px;
}

#commentform > p,
.comment-list .comment-body > * {
	margin-top: 0;
	margin-bottom: 0;
}

.comment-list .comment-body {
	display: grid;
	gap: 12px;
}

.comment-list > li {
	margin-bottom: 18px;
}

.comment-list {
	margin: 0;
	padding-left: 1.25rem;
}

.comment-list .children {
	margin-top: 18px;
}

.pagination-nav {
	margin: 8px 0 0;
}

.pagination-nav ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination-nav ul.page-numbers li {
	margin: 0;
}

.menu-toggle {
	display: none;
}

@media (max-width: 900px) {
	#show-menu,
	#show-menu + label {
		display: none !important;
	}

	.menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 0.9rem 1rem;
		margin-left: auto;
		border: 0;
		border-radius: 999px;
		background: #24315e;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}

	.menu-toggle:hover,
	.menu-toggle:focus {
		background: #1d2748;
		color: #fff;
	}

	#menu {
		display: none;
	}

	#site-navigation.toggled #menu {
		display: flex;
	}
}

@media (max-width: 640px) {
	body.single #primary article > .comments-area,
	body.page #primary article > .comments-area {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* ==========================================================================
   v3 refinements
   Fix homepage loops, tighten article rhythm, and smooth form alignment.
   ========================================================================== */
:root {
	--itsg-font-ui: 1rem;
}

#page-header-breadcrumbs .hkb-breadcrumbs,
#page-header-breadcrumbs .hkb-breadcrumbs li,
#page-header-breadcrumbs .hkb-breadcrumbs a,
#primary .hkb-breadcrumbs,
#primary .hkb-breadcrumbs li,
#primary .hkb-breadcrumbs a,
.entry-meta,
body:not(.single):not(.page) #primary article .meta,
#site-footer-widgets,
.footer-links,
.comment-metadata,
.comment-notes,
.logged-in-as,
#commentform label,
#commentform .comment-form-cookies-consent,
.widget ul,
.widget ol {
	font-size: var(--itsg-font-ui);
}

#page-header-breadcrumbs {
	padding: 10px 0;
}

#page-header-breadcrumbs .hkb-breadcrumbs,
#primary .hkb-breadcrumbs {
	font-size: 1em;
	color: var(--itsg-text);
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0;
}

#page-header-breadcrumbs .hkb-breadcrumbs li,
#primary .hkb-breadcrumbs li {
	display: inline;
}

#page-header .hkb-site-search,
#primary .hkb-site-search {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: nowrap;
	max-width: 920px;
	margin: 0 auto;
	gap: 0;
}

body .hkb-site-search .hkb-site-search__field,
#primary .hkb-site-search .hkb-site-search__field {
	flex: 1 1 auto;
	height: 56px;
	min-height: 56px;
	padding: 0 18px;
	margin: 0;
	border: 1px solid var(--itsg-border);
	border-right: 0;
	border-radius: 14px 0 0 14px;
	box-sizing: border-box;
}

.hkb-site-search .hkb-site-search__button,
#primary .hkb-site-search .hkb-site-search__button {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	min-height: 56px;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 1px solid #1f2937;
	border-radius: 0 14px 14px 0;
	line-height: 1;
	white-space: nowrap;
	box-sizing: border-box;
}

.hkb-site-search .hkb-site-search__button span,
#primary .hkb-site-search .hkb-site-search__button span {
	display: inline-block;
	line-height: 1;
}

body.single #primary article > .entry-content,
body.page #primary article > .entry-content {
	display: block;
}

.entry-content,
.hkb-entry-content {
	line-height: 1.72;
}

.entry-content p,
.hkb-entry-content p {
	margin-top: 0;
	margin-bottom: 0.75em;
}

.entry-content li,
.hkb-entry-content li {
	margin-bottom: 0.35em;
}

.entry-content ul,
.entry-content ol,
.hkb-entry-content ul,
.hkb-entry-content ol,
.entry-content pre,
.hkb-entry-content pre,
.entry-content blockquote,
.hkb-entry-content blockquote,
.entry-content table,
.hkb-entry-content table {
	margin-top: 0;
	margin-bottom: 1rem;
}

.entry-content h2,
.hkb-entry-content h2 {
	margin-top: 1.7em;
	margin-bottom: 0.55em;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.hkb-entry-content h3,
.hkb-entry-content h4,
.hkb-entry-content h5,
.hkb-entry-content h6 {
	margin-top: 1.45em;
	margin-bottom: 0.5em;
}

.entry-content > :where(h2, h3, h4, h5, h6):first-child,
.hkb-entry-content > :where(h2, h3, h4, h5, h6):first-child {
	margin-top: 0;
}

.entry-content > :last-child,
.hkb-entry-content > :last-child {
	margin-bottom: 0;
}

body:not(.single):not(.page) .article-grid article {
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

body:not(.single):not(.page) .article-grid article:hover,
body:not(.single):not(.page) .article-grid article:focus-within {
	transform: translateY(-2px);
	border-color: rgba(64, 86, 161, 0.22);
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1);
}

body:not(.single):not(.page) #primary article .excerpt,
body:not(.single):not(.page) #primary article .excerpt p {
	color: var(--itsg-text);
}

.entry-content a,
.hkb-entry-content a,
.widget a,
.footer-links a,
.site-info a {
	text-underline-offset: 0.12em;
}

.entry-content a:focus-visible,
.hkb-entry-content a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.menu-toggle:focus-visible {
	outline: 3px solid #f8e9a1;
	outline-offset: 2px;
}

@media (max-width: 640px) {
	#page-header .hkb-site-search,
	#primary .hkb-site-search {
		flex-wrap: wrap;
		gap: 10px;
	}

	body .hkb-site-search .hkb-site-search__field,
	#primary .hkb-site-search .hkb-site-search__field {
		border-right: 1px solid var(--itsg-border);
		border-radius: 14px;
	}

	.hkb-site-search .hkb-site-search__button,
	#primary .hkb-site-search .hkb-site-search__button {
		width: 100%;
		border-radius: 14px;
	}
}