.hkb-article-tags {
font-size: 14px;
color: #999999;
}
.hkb-article-tags .wp-block-post-terms {
margin: 0;
padding: 0;
list-style: none;
}
.hkb-article-tags .wp-block-post-terms__prefix {
font-size: 14px;
color: #999999;
}
.hkb-article-tags .wp-block-post-terms a {
display: inline-block;
padding: 5px 10px;
line-height: 1;
margin: 0 5px 5px 0;
background: var(--wp--preset--color--secondary, #f4f5f5);
color: #666666;
font-size: 13px;
text-decoration: none;
border-radius: 99px;
transition: all 0.1s ease-in-out;
}
.hkb-article-tags .wp-block-post-terms a:hover {
background: var(--wp--preset--color--border, #e6e7e7);
color: #666666;
}
.hkb-article-tags .wp-block-post-terms a:first-child {
margin-left: 5px;
}
.hkb-article-related {
margin-block-start: 0 !important;
}
.wp-block-heroickb-article-showcase {
margin-block-start: 0 !important;
} body.single-ht_kb .hkb-article-related .heroickb-article-widget-list__entry-title,
body.single-ht_kb .heroickb-article-widget-list__entry-title {
text-decoration: underline !important;
} .hkb-comments-section {
padding-top: 0px;
margin-block-start: 0px !important;
}
@media print {
.hkb-comments-section {
display: none;
}
}
.ht-commentslist .wp-block-comments-title {
font-weight: 600;
color: #333;
padding-bottom: 10px;
}
.ht-commentslist .wp-block-comment-template {
list-style: none;
margin: 0;
padding: 0;
} .ht-comment {
margin-bottom: 30px !important;
}
.ht-comment__header {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 20px;
}
.ht-comment__authoravatar img {
border-radius: 50%;
}
.ht-comment__author {
flex: 1;
}
.ht-comment__authorname {
color: #333;
margin: 0 0 8px 0;
}
.ht-comment__authorname a {
text-decoration: none;
}
.ht-comment__time {
margin: 0 0 5px 0;
}
.ht-comment__time a {
text-decoration: none;
}
.ht-comment__actions a {
display: inline-block;
text-decoration: none;
line-height: 1;
}
.ht-comment__actions .comment-edit-link::after {
content: '\00b7';
margin: 0 3px 0 8px;
color: #999;
position: relative;
top: -1px;
font-weight: bold;
}
.ht-comment__content {
overflow-wrap: break-word;
word-wrap: break-word;
}
.ht-comment__content p {
margin: 0 0 20px;
}
.ht-comment__content p:last-child {
margin-bottom: 0;
} .wp-block-comment .comment-awaiting-moderation {
background: #f3f8fb;
padding: 16px 20px;
margin: 0 0 18px;
font-size: 15px;
border-radius: 5px;
} .wp-block-comments-pagination {
margin-top: 30px;
}
.wp-block-comments-pagination a {
text-decoration: none;
} .wp-block-post-comments-form {
margin-top: 30px;
}
.wp-block-post-comments-form .comment-form-comment {
margin-bottom: 20px;
}
.wp-block-post-comments-form .comment-reply-title {
font-weight: 600;
margin: 0 0 20px;
color: #333;
font-size: 22px;
line-height: 1.3;
padding: 0 0 10px;
border-bottom: 1px solid #e6e6e6;
}
.wp-block-post-comments-form .logged-in-as {
margin: 0 0 20px;
font-size: 15px;
}
.wp-block-post-comments-form input[type="text"],
.wp-block-post-comments-form input[type="email"],
.wp-block-post-comments-form input[type="url"],
.wp-block-post-comments-form textarea {
width: 100%;
max-width: 100%;
}
.wp-block-post-comments-form .required {
color: red;
} .wp-block-comment-template .children {
list-style: none;
padding-left: 40px;
margin-top: 20px;
}
@media screen and (min-width: 480px) {
.wp-block-comment-template .children {
padding-left: 80px;
}
} .wp-block-comments:empty,
.hkb-comments-section:has(.wp-block-comments:empty) {
display: none;
} .alignfull {
width: 100%;
max-width: 100%;
}
.wp-block {
max-width: 100%;
box-sizing: border-box;
} @media screen and (min-width: 480px) {
.wp-block-group[style*="padding-left:15px"] {
padding-left: 20px !important;
}
.wp-block-group[style*="padding-right:15px"] {
padding-right: 20px !important;
}
}  .wp-block-group.has-background {
padding: 30px;
} .wp-block-group.has-background .has-medium-font-size.has-black-color,
.wp-block-group.has-background > .wp-block-paragraph.has-medium-font-size:first-child,
.wp-block-group.has-background > p.has-medium-font-size:first-child {
margin: 0 0 15px !important;
font-size: 15px !important;
font-weight: bold !important;
line-height: 1.3 !important;
} .wp-block-group.has-background .has-small-font-size,
.wp-block-group.has-background p.has-small-font-size {
font-size: 14px !important;
line-height: 1.4 !important;
} .wp-block-group.has-background > .wp-block-group__inner-container > p:first-of-type,
.wp-block-group.has-background > p:first-of-type,
.wp-block-group.has-background > .wp-block-paragraph:first-child,
.wp-block-group.has-background h1:first-child,
.wp-block-group.has-background h2:first-child,
.wp-block-group.has-background h3:first-child,
.wp-block-group.has-background h4:first-child,
.wp-block-group.has-background h5:first-child,
.wp-block-group.has-background h6:first-child,
.wp-block-group.has-background .wp-block-heading:first-child {
margin-top: 0;
} .wp-block-group.has-background p {
margin: 0 0 1em;
}
.wp-block-group.has-background p:last-child {
margin-bottom: 0;
} .wp-block-group.has-background ul:not(.wp-block-navigation__container),
.wp-block-group.has-background ol:not(.wp-block-navigation__container) {
padding: 0;
list-style-position: inside;
}
.wp-block-group.has-background ul:not(.wp-block-navigation__container) li,
.wp-block-group.has-background ol:not(.wp-block-navigation__container) li {
margin: 0 0 5px;
}
.wp-block-group.has-background ul:not(.wp-block-navigation__container) li:last-child,
.wp-block-group.has-background ol:not(.wp-block-navigation__container) li:last-child {
margin-bottom: 0;
} .wp-block-template-part .wp-block-group.has-background {
margin: 0 0 20px;
}
.wp-block-template-part .wp-block-group.has-background:last-child {
margin-bottom: 0;
}  .wp-block-query .wp-block-post-template .wp-block-post-title {
font-size: 17px !important;
font-weight: 600;
line-height: 1.5;
margin: 0 0 8px !important;
} .wp-block-query .wp-block-post-template .wp-block-post-excerpt {
font-size: 15px !important;
line-height: 1.5;
margin: 0 !important;
}
.wp-block-query .wp-block-post-template .wp-block-post-excerpt p {
margin: 0 !important;
} .wp-block-query .wp-block-post-template > .wp-block-group,
.wp-block-query .wp-block-post-template > article {
margin-bottom: 22px !important;
padding-bottom: 0 !important;
border-bottom: 1px solid #e6e6e6 !important;
position: relative;
}
.wp-block-query .wp-block-post-template > .wp-block-group:last-child,
.wp-block-query .wp-block-post-template > article:last-child {
border-bottom: 0 !important;
padding-bottom: 0 !important;
} .wp-block-query .wp-block-post-template .wp-block-post-title a {
text-decoration: none;
}
.wp-block-query .wp-block-post-template .wp-block-post-title a::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
} .wp-block-query .wp-block-post-template > .wp-block-group:hover .wp-block-post-title a,
.wp-block-query .wp-block-post-template > article:hover .wp-block-post-title a {
color: var(--wp--preset--color--primary) !important;
} .wp-block-query .wp-block-post-template .wp-block-post-excerpt a {
pointer-events: none;
color: inherit;
text-decoration: none;
} .wp-block-heroickb-category-card {
--heroic-icon-color: currentColor;
}  .wp-block-heroickb-category-card {
font-size: 15px !important;
} .wp-block-heroickb-category-card h4,
.wp-block-heroickb-category-card .heroickb-categories-list__item-post h4,
.wp-block-heroickb-category-card .heroickb-category-card__title,
.wp-block-heroickb-category-card .hkb-category__title {
font-size: 18px !important;
line-height: 1.25 !important;
color: #333 !important;
margin: 0 !important;
font-weight: 600 !important;
} .wp-block-heroickb-category-card .heroickb-categories-list__item-post-excerpt,
.wp-block-heroickb-category-card .heroickb-categories-list__item-post-excerpt-entry,
.wp-block-heroickb-category-card .heroickb-category-card__description,
.wp-block-heroickb-category-card .hkb-category__description {
font-size: 15px !important;
line-height: 20px !important;
color: #8a8a8a !important;
margin: 2px 0 0 !important;
} body.tax-ht_kb_category .wp-block-heroickb-category-card {
font-size: 15px !important;
margin-block-start: 0 !important;
}
body.tax-ht_kb_category .wp-block-heroickb-category-card h4,
body.tax-ht_kb_category .wp-block-heroickb-category-card .heroickb-categories-list__item-post h4 {
font-size: 22px !important;
line-height: 1.2 !important;
color: #333 !important;
margin: 0 !important;
font-weight: 600 !important;
}
body.tax-ht_kb_category .wp-block-heroickb-category-card .heroickb-categories-list__item-post-excerpt,
body.tax-ht_kb_category .wp-block-heroickb-category-card .heroickb-categories-list__item-post-excerpt-entry {
font-size: 15px !important;
line-height: 20px !important;
color: #8a8a8a !important;
margin: 2px 0 0 !important;
} body.tax-ht_kb_category .wp-block-heroickb-category-card .heroickb-categories-list__item {
pointer-events: none;
cursor: default;
} @media screen and (max-width: 767px) {
body.tax-ht_kb_category .wp-block-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
body.tax-ht_kb_category .wp-block-column {
padding-left: 20px !important;
padding-right: 20px !important;
}
}  .wp-block-post-content {
font-size: 15px;
line-height: 1.6;
} .wp-block-post-content h1,
.wp-block-post-content .wp-block-heading.has-large-font-size {
font-size: 28px;
line-height: 1.2;
margin: 0 0 22px;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.wp-block-post-content h1,
.wp-block-post-content .wp-block-heading.has-large-font-size {
font-size: 38px;
}
}
.wp-block-post-content h2 {
font-size: 28px;
line-height: 1.2;
padding-top: 22px;
margin-bottom: 22px;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.wp-block-post-content h2 {
font-size: 30px;
}
}
.wp-block-post-content h3 {
font-size: 20px;
line-height: 1.3;
padding-top: 22px;
margin-bottom: 22px;
font-weight: bold;
}
.wp-block-post-content h4 {
font-size: 19px;
line-height: 1.3;
padding-top: 22px;
margin-bottom: 22px;
font-weight: bold;
}
.wp-block-post-content h5 {
font-size: 18px;
line-height: 1.3;
padding-top: 22px;
margin-bottom: 22px;
font-weight: bold;
}
.wp-block-post-content h6 {
font-size: 17px;
line-height: 1.25;
padding-top: 22px;
margin-bottom: 22px;
font-weight: bold;
} .wp-block-post-content p {
margin-top: 22px;
margin-bottom: 22px;
} .wp-block-post-content ul:not(.wp-block-navigation__container):not(.ht_toc_list):not(.htoc__itemswrap):not([class*="heroickb-"]):not([class*="hkb-"]),
.wp-block-post-content .wp-block-list {
list-style-type: circle;
margin: 0 0 22px;
padding: 0 0 0 30px;
}
.wp-block-post-content ul:not(.wp-block-navigation__container):not(.ht_toc_list):not(.htoc__itemswrap):not([class*="heroickb-"]):not([class*="hkb-"]) li,
.wp-block-post-content .wp-block-list li {
margin: 0 0 10px;
word-break: break-word;
}
.wp-block-post-content ol:not(.wp-block-navigation__container):not(.ht_toc_list):not(.htoc__itemswrap):not([class*="heroickb-"]):not([class*="hkb-"]) {
margin: 0 0 22px;
padding: 0 0 0 30px;
}
.wp-block-post-content ol:not(.wp-block-navigation__container):not(.ht_toc_list):not(.htoc__itemswrap):not([class*="heroickb-"]):not([class*="hkb-"]) li {
margin: 0 0 10px;
} .wp-block-post-content blockquote,
.wp-block-post-content .wp-block-quote {
padding: 0 0 0 22px;
margin: 44px 0;
color: #1a1a1a;
font-size: 18px;
line-height: 1.45;
border-left: 5px solid #e3e4e5;
}
@media screen and (min-width: 768px) {
.wp-block-post-content blockquote,
.wp-block-post-content .wp-block-quote {
padding: 0 0 0 44px;
font-size: 20px;
}
} .wp-block-post-content pre,
.wp-block-post-content .wp-block-code {
border-radius: 3px;
background: #f5f5f5;
border: none;
padding: 25px;
margin-bottom: 22px;
font-size: 14px;
line-height: 1.4;
color: #4d4d4d;
overflow-x: auto;
} .wp-block-post-content table {
border: 1px solid #eaeaea;
margin: 0 0 22px;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.wp-block-post-content table th,
.wp-block-post-content table td {
background: #fafafa;
padding: 4px 8px;
border: 0;
border-right: 1px solid #eaeaea;
}
.wp-block-post-content table thead th {
background: #f2f2f2;
font-weight: 600;
}  .wp-block-post-content img {
display: block;
max-width: 100%;
height: auto;
}
.wp-block-post-content img.alignleft {
margin: 0 auto 11px;
}
@media screen and (min-width: 580px) {
.wp-block-post-content img.alignleft {
float: left;
margin-right: 22px;
margin-left: 0;
}
}
.wp-block-post-content img.alignright {
margin: 0 auto 11px;
}
@media screen and (min-width: 580px) {
.wp-block-post-content img.alignright {
float: right;
margin-left: 22px;
margin-right: 0;
}
}
.wp-block-post-content img.aligncenter {
margin: 0 auto 11px;
display: block;
} .wp-block-post-content figure {
margin-left: auto;
margin-right: auto;
}
.wp-block-post-content figure.alignleft {
text-align: center;
margin: 0 auto 11px;
}
@media screen and (min-width: 580px) {
.wp-block-post-content figure.alignleft {
text-align: left;
float: left;
margin-right: 44px;
margin-left: 0;
}
}
.wp-block-post-content figure.alignright {
text-align: center;
margin: 0 auto 11px;
}
@media screen and (min-width: 580px) {
.wp-block-post-content figure.alignright {
text-align: right;
float: right;
margin-left: 44px;
margin-right: 0;
}
}
.wp-block-post-content figure.aligncenter {
text-align: center;
margin: 0 auto 11px;
} .wp-block-post-content h2[style*="clear"],
.wp-block-post-content h3[style*="clear"],
.wp-block-post-content h4[style*="clear"],
.wp-block-post-content h5[style*="clear"],
.wp-block-post-content h6[style*="clear"] {
clear: both;
} .wp-block-post-content [style*="text-align: center"],
.wp-block-post-content .has-text-align-center {
text-align: center;
}
.wp-block-post-content [style*="text-align: left"],
.wp-block-post-content .has-text-align-left {
text-align: left;
}
.wp-block-post-content [style*="text-align: right"],
.wp-block-post-content .has-text-align-right {
text-align: right;
}  body.single-ht_kb .wp-block-post-title {
font-size: 28px !important;
line-height: 1.15;
margin: 0 0 15px !important;
}
@media screen and (min-width: 480px) {
body.single-ht_kb .wp-block-post-title {
font-size: 30px !important;
line-height: 1.25;
}
}
@media screen and (min-width: 768px) {
body.single-ht_kb .wp-block-post-title {
font-size: 32px !important;
line-height: 1.3;
margin: 0 0 30px !important;
}
} body.page .wp-block-post-title,
body.page-template-default .wp-block-post-title {
font-size: 28px !important;
line-height: 1.15;
margin: 0 0 15px !important;
}
@media screen and (min-width: 480px) {
body.page .wp-block-post-title,
body.page-template-default .wp-block-post-title {
font-size: 30px !important;
line-height: 1.25;
}
}
@media screen and (min-width: 768px) {
body.page .wp-block-post-title,
body.page-template-default .wp-block-post-title {
font-size: 32px !important;
line-height: 1.3;
margin: 0 0 30px !important;
}
}  .hkb-article-related {
font-size: 15px;
}
@media print {
.hkb-article-related {
display: none;
}
}
.wp-block-group .wp-block-heading#htoc-related-articles,
.wp-block-group h3#htoc-related-articles,
.hkb-article-related .wp-block-heading {
font-size: 20px !important;
margin-bottom: 11px !important;
} .wp-block-heroickb-article-showcase {
font-size: 15px;
}
.wp-block-heroickb-article-showcase ul {
list-style: circle;
list-style-position: inside;
margin: 0;
padding: 0;
}
.wp-block-heroickb-article-showcase a {
text-decoration: none;
}  .site-logo,
.wp-block-image.site-logo,
figure.site-logo {
margin: 0 32px 0 0 !important;
}
.site-logo img,
.wp-block-image.site-logo img,
figure.site-logo img {
max-width: 187px;
width: 100%;
height: auto;
aspect-ratio: auto 187 / 40;
} .site-header-banner {
position: relative;
}
@media screen and (min-width: 768px) {
.site-header-banner {
padding-top: 30px !important;
padding-bottom: 30px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
} .site-header-banner > .wp-block-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 100%;
} @media screen and (min-width: 768px) { .site-header-banner .wp-block-navigation {
flex-grow: 1;
display: flex;
justify-content: flex-end;
} .site-header-banner .wp-block-navigation__container,
.site-header-banner .wp-block-navigation .wp-block-navigation__container {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
} .site-header-banner .wp-block-navigation__container > li,
.site-header-banner .wp-block-navigation__container > .wp-block-navigation-item {
margin: 0px !important;
padding: 0 !important;
list-style: none !important;
}
.site-header-banner .wp-block-navigation__container > li:first-child,
.site-header-banner .wp-block-navigation__container > .wp-block-navigation-item:first-child {
margin-left: 0 !important;
} .site-header-banner .wp-block-navigation-item a,
.site-header-banner .wp-block-navigation-item .wp-block-navigation-item__content {
font-size: 15px !important;
line-height: 1 !important;
font-weight: normal !important;
padding: 8px !important;
border-radius: 5px !important;
transition: all 0.1s ease-in-out !important;
white-space: nowrap !important;
color: #fff !important;
text-decoration: none !important;
display: inline-block !important;
}
.site-header-banner .wp-block-navigation-item a:hover,
.site-header-banner .wp-block-navigation-item .wp-block-navigation-item__content:hover {
background: rgba(0, 0, 0, 0.2) !important;
} .site-header-banner .wp-block-navigation-submenu__toggle {
display: none !important;
} .site-header-banner .wp-block-navigation-submenu .wp-block-navigation__submenu-icon,
.site-header-banner .wp-block-navigation-submenu svg {
display: none !important;
} .site-header-banner .wp-block-navigation-submenu > a::after,
.site-header-banner .wp-block-navigation-submenu > .wp-block-navigation-item__content::after {
display: inline-block !important;
margin: 0 0 0 6px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.1 19' fill='%23fff' %3E %3Cpath d='M17 19c-0.5 0-1-0.2-1.4-0.6L0.6 3.4c-0.8-0.8-0.8-2 0-2.8 0.8-0.8 2-0.8 2.8 0L17 14.2 30.7 0.6c0.8-0.8 2-0.8 2.8 0 0.8 0.8 0.8 2 0 2.8L18.4 18.4C18 18.8 17.5 19 17 19z'/%3E%3C/svg%3E") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 100% !important;
content: '' !important;
height: 9px !important;
width: 9px !important;
} .site-header-banner .wp-block-navigation__submenu-container {
background: #fff !important;
border: none !important;
border-radius: 4px !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18) !important;
z-index: 99999 !important;
width: 260px !important;
padding: 0 !important;
position: absolute !important;
top: 50px !important;
left: 50% !important;
transform: translateX(-50%) !important;
opacity: 0 !important;
max-height: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
transition: opacity 0.15s ease-in-out, max-height 0.5s ease-in-out, visibility 0.15s ease-in-out !important;
} .site-header-banner .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container,
.site-header-banner .wp-block-navigation__submenu-container:hover {
opacity: 1 !important;
max-height: 700px !important;
visibility: visible !important;
overflow: visible !important;
}
.site-header-banner .wp-block-navigation-submenu:hover > a,
.site-header-banner .wp-block-navigation-submenu:hover > .wp-block-navigation-item__content {
background: rgba(0, 0, 0, 0.2) !important;
} .site-header-banner .wp-block-navigation-submenu::after {
content: '' !important;
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: 0 !important;
height: 20px !important;
background: transparent !important;
z-index: 99998 !important;
} .site-header-banner .wp-block-navigation__submenu-container::before {
content: ' ' !important;
display: block !important;
position: absolute !important;
left: 50% !important;
top: -8px !important;
margin-left: -4px !important;
width: 0 !important;
height: 0 !important;
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid #fff !important;
} .site-header-banner .wp-block-navigation-item:last-child .wp-block-navigation__submenu-container {
right: 0 !important;
left: auto !important;
transform: translateX(0) !important;
}
.site-header-banner .wp-block-navigation-item:last-child .wp-block-navigation__submenu-container::before {
left: 85% !important;
} .site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item a,
.site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
color: #000 !important;
padding: 8px 16px !important;
font-size: 14px !important;
border-radius: 4px !important;
display: block !important;
}
.site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child a,
.site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child .wp-block-navigation-item__content {
padding-top: 15px !important;
}
.site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child a,
.site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
padding-bottom: 15px !important;
}
.site-header-banner .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
background: #fafafa !important;
color: #000 !important;
}
} @media screen and (max-width: 767px) { .site-header-banner .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
display: none !important;
} .site-header-banner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.site-header-banner .wp-block-navigation.is-menu-open .wp-block-navigation__responsive-container-content,
.site-header-banner .has-modal-open .wp-block-navigation__responsive-container-content {
display: block !important;
} .site-header-banner .wp-block-navigation__responsive-container-open,
.site-header-banner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-open {
display: block !important;
float: right !important;
border: 0 !important;
background: none !important;
outline: none !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
position: relative !important;
z-index: 100002 !important;
width: 30px !important;
height: 30px !important;
pointer-events: auto !important;
} .site-header-banner .wp-block-navigation__responsive-container-open svg {
opacity: 0 !important;
} .site-header-banner .wp-block-navigation__responsive-container-open::before,
.site-header-banner .wp-block-navigation__responsive-container-open::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
width: 30px !important;
height: 4px !important;
background: #fff !important;
border-radius: 3px !important;
transition: all 0.5s ease-in-out !important;
display: block !important;
pointer-events: none !important; } .site-header-banner .wp-block-navigation__responsive-container-open::before {
top: 4px !important;
} .site-header-banner .wp-block-navigation__responsive-container-open::after {
bottom: 4px !important;
box-shadow: 0 -9px 0 #fff !important;
} .site-header-banner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-open::before,
.site-header-banner .wp-block-navigation.is-menu-open .wp-block-navigation__responsive-container-open::before,
.site-header-banner .has-modal-open .wp-block-navigation__responsive-container-open::before,
.site-header-banner .wp-block-navigation__responsive-container-open.menu-is-open::before {
top: 13px !important;
transform: rotate(45deg) !important;
}
.site-header-banner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-open::after,
.site-header-banner .wp-block-navigation.is-menu-open .wp-block-navigation__responsive-container-open::after,
.site-header-banner .has-modal-open .wp-block-navigation__responsive-container-open::after,
.site-header-banner .wp-block-navigation__responsive-container-open.menu-is-open::after {
bottom: 13px !important;
box-shadow: none !important;
transform: rotate(-45deg) !important;
} .site-header-banner .wp-block-navigation__responsive-container-close {
display: none !important;
} .site-header-banner .wp-block-navigation {
position: static !important;
} .site-header-banner .wp-block-navigation__responsive-container.is-menu-open,
.site-header-banner .wp-block-navigation.is-menu-open .wp-block-navigation__responsive-container,
.site-header-banner .has-modal-open .wp-block-navigation__responsive-container {
display: block !important;
position: fixed !important;
top: 0;
left: 0 !important;
right: 0 !important;
bottom: auto !important;
width: 100vw !important;
height: auto !important;
background: #fff !important;
box-shadow: 0px 5px 20px rgba(0,0,0,0.15) !important;
padding: 0 !important;
margin: 0 !important;
max-height: 100vh !important;
overflow-y: auto !important;
z-index: 99999 !important;
animation: none !important;
transform: none !important;
} .site-header-banner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__container {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
background: #fff !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-item {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #eaeaea !important;
list-style: none !important;
}
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-item:last-child {
border-bottom: 0 !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-item a,
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation-item__content {
color: #333333 !important;
padding: 15px 20px !important;
font-size: 15px !important;
line-height: 1.3 !important;
display: block !important;
text-decoration: none !important;
border-radius: 0 !important;
background: transparent !important;
}
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-item a:hover,
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation-item__content:hover {
background: #fafafa !important;
color: #333333 !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-submenu {
display: block !important;
width: 100% !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
position: static !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
max-height: none !important;
overflow: visible !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
width: 100% !important;
padding: 0 !important;
margin: 0 0 10px !important;
transform: none !important;
}
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container::before {
display: none !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item {
display: block !important;
width: 100% !important;
border-bottom: 0 !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item a,
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
display: block !important;
width: 100% !important;
padding: 5px 20px 5px 40px !important;
color: rgba(0,0,0,0.7) !important;
font-size: 15px !important;
}
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content:hover {
color: rgba(0,0,0,0.9) !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-submenu > a::after,
.site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation-submenu > .wp-block-navigation-item__content::after {
display: none !important;
} .site-header-banner .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item {
border-bottom: 0 !important;
}
}
@media print {
.site-header-banner .wp-block-navigation {
display: none;
}
} .wp-block-template-part + .wp-block-template-part {
margin-top: 0 !important;
}
.wp-block-group.has-background {
margin-top: 0 !important;
} .site-footer-content {
padding: 30px 20px !important;
}
@media screen and (min-width: 768px) {
.site-footer-content {
padding: 30px 30px !important;
}
} .site-footer-content > .wp-block-group {
width: 100%;
} .site-footer-content p.has-text-color {
margin: 0 !important;
}
@media screen and (max-width: 479px) {
.site-footer-content p.has-text-color {
text-align: center !important;
margin: 0 0 0 !important;
width: 100% !important;
}
} .site-footer-content .wp-block-navigation {
font-size: 14px !important;
}
.site-footer-content .wp-block-navigation__container {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 0 20px !important;
}
.site-footer-content .wp-block-navigation__container > li,
.site-footer-content .wp-block-navigation__container > .wp-block-navigation-item {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.site-footer-content .wp-block-navigation a,
.site-footer-content .wp-block-navigation .wp-block-navigation-item__content {
color: #999 !important;
text-decoration: none !important;
padding: 0 !important;
font-size: 14px !important;
}
.site-footer-content .wp-block-navigation a:hover,
.site-footer-content .wp-block-navigation .wp-block-navigation-item__content:hover {
text-decoration: underline !important;
background: none !important;
color: #999 !important;
}
@media screen and (max-width: 479px) {
.site-footer-content .wp-block-navigation {
width: 100% !important;
display: flex !important;
justify-content: center !important;
}
.site-footer-content .wp-block-navigation__container {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
}
} .site-footer-content .site-footer__copyright {
color: #999;
}
@media screen and (max-width: 479px) {
.site-footer-content .site-footer__copyright {
text-align: center !important;
width: 100% !important;
margin: 0 !important;
}
} .site-footer-content .site-name-highlight,
.site-footer-content a .site-name-highlight {
color: var(--wp--preset--color--primary, #00b4b3);
text-decoration-color: var(--wp--preset--color--primary, #00b4b3);
}
.site-footer-content a:has(.site-name-highlight) {
text-decoration-color: var(--wp--preset--color--primary, #00b4b3);
} .hkb-article__lastupdated {
display: block;
font-size: 14px;
color: #999999;
margin: 0 0 22px;
} .wp-block-ht-block-toc .ht_toc_list_sub {
margin: 5px 0 0 10px;
font-size: 14px;
transition: all 0.5s ease-in-out;
}
.wp-block-ht-block-toc .ht_toc_list_sub .ht_toc_link {
margin-left: 10px;
} .sticky-sidebar .wp-block-ht-block-toc .ht_toc_list_sub {
opacity: 0;
max-height: 0;
visibility: hidden;
overflow: hidden;
} .sticky-sidebar .wp-block-ht-block-toc .ht_toc_item.active + .ht_toc_list_sub,
.sticky-sidebar .wp-block-ht-block-toc .ht_toc_list_sub:has(.ht_toc_item.active) {
opacity: 1;
max-height: 9999px;
visibility: visible;
} @media screen and (min-width: 1025px) {
.wp-block-ht-block-toc.is-style-rounded[data-htoc-scrollspy="true"] {
margin-top: 0;
margin-bottom: 0;
}
} @media screen and (max-width: 767px) {
body.tax-ht_kb_category .wp-block-template-part + .wp-block-group.is-layout-constrained,
body.single-ht_kb .wp-block-template-part + .wp-block-group.is-layout-constrained {
padding-top: 20px !important;
margin: 0;
} .ht-mobile-toc {
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-bottom: 0 !important;
} .ht-mobile-toc .ht_toc_title,
.ht-mobile-toc .htoc__title {
margin: 0 0 10px !important;
}
.ht_toc_list_sub {
margin: 0 0 7px !important;
} .ht-mobile-toc .wp-block-ht-block-toc {
position: static !important;
max-height: none !important;
overflow-y: visible !important;
padding: 0 !important;
background: none !important;
border-radius: 0 !important;
}
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_link,
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_list li a,
.ht-mobile-toc .wp-block-ht-block-toc .htoc__itemswrap a,
.ht-mobile-toc .wp-block-ht-block-toc ul li a,
.ht-mobile-toc .wp-block-ht-block-toc ol li a,
.ht-mobile-toc .wp-block-ht-block-toc li a {
display: block !important;
padding: 5px 0 !important;
text-decoration: underline !important;
color: var(--wp--preset--color--primary, #00b4b3) !important;
background: none !important;
background-color: transparent !important;
font-weight: normal !important;
border-radius: 0 !important;
}
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_link:hover,
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_list li a:hover,
.ht-mobile-toc .wp-block-ht-block-toc .htoc__itemswrap a:hover,
.ht-mobile-toc .wp-block-ht-block-toc ul li a:hover,
.ht-mobile-toc .wp-block-ht-block-toc ol li a:hover,
.ht-mobile-toc .wp-block-ht-block-toc li a:hover {
color: var(--wp--preset--color--primary, #00b4b3) !important;
text-decoration: underline !important;
background: none !important;
background-color: transparent !important;
}
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_item.active > a,
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_list li.active > a,
.ht-mobile-toc .wp-block-ht-block-toc li.active > a {
color: var(--wp--preset--color--primary, #00b4b3) !important;
background: none !important;
background-color: transparent !important;
font-weight: normal !important;
text-decoration: underline !important;
border-radius: 0 !important;
}
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_item.active > a:hover,
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_list li.active > a:hover,
.ht-mobile-toc .wp-block-ht-block-toc li.active > a:hover {
color: var(--wp--preset--color--primary, #00b4b3) !important;
text-decoration: underline !important;
background: none !important;
background-color: transparent !important;
}
.ht-mobile-toc .wp-block-ht-block-toc .ht_toc_list_sub,
.ht-mobile-toc .wp-block-ht-block-toc ul ul,
.ht-mobile-toc .wp-block-ht-block-toc ol ol {
margin: 5px 0 0 10px !important;
font-size: 14px;
}
} @media screen and (max-width: 1024px) {
.is-root-container .ht-mobile-toc {
display: block !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-bottom: 0 !important;
} .is-root-container .ht-mobile-toc .ht_toc_title,
.is-root-container .ht-mobile-toc .htoc__title {
margin: 0 0 10px !important;
}
} .wp-block-button .wp-block-button__link {
text-decoration: none;
} .wp-block-button.hkb_widget_exit__btn {
border-radius: 99px !important;
}
.wp-block-button.hkb_widget_exit__btn .wp-block-button__link {
border-radius: 99px !important;
font-weight: normal !important;
} .ht-pageheader-block {
width: 100%;
display: block;
}
@media screen and (min-width: 768px) {
.ht-pageheader-block {
padding-top: 20px !important;
padding-bottom: 20px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
} @media screen and (max-width: 767px) {
.ht-pageheader-block .wp-block-columns {
flex-wrap: wrap;
}
.ht-pageheader-block .wp-block-column:first-child {
margin-bottom: 10px !important;
flex-basis: 100% !important;
}
.ht-pageheader-block .wp-block-column:last-child {
flex-basis: 100% !important;
}
}
@media screen and (min-width: 768px) {
.ht-pageheader-block .wp-block-columns {
display: table;
width: 100%;
}
.ht-pageheader-block .wp-block-column {
display: table-cell;
vertical-align: middle;
}
.ht-pageheader-block .wp-block-column:first-child {
width: 100%;
}
} .ht-pageheader-block .heroickb-breadcrumb-wrap {
margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
.ht-pageheader-block .heroickb-breadcrumb-wrap {
margin-bottom: 10px;
}
}
@media screen and (min-width: 768px) {
.ht-pageheader-block .heroickb-breadcrumb-wrap {
padding: 10px 0;
}
} .ht-pageheader-block .heroickb-breadcrumb,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb {
list-style: none !important;
margin: 0 0 5px !important;
padding: 0 !important;
font-size: 13px !important;
color: #5c5c5c !important;
letter-spacing: -0.1px !important;
}
@media screen and (min-width: 480px) {
.ht-pageheader-block .heroickb-breadcrumb,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb {
letter-spacing: 0 !important;
font-size: 14px !important;
}
}
.ht-pageheader-block .heroickb-breadcrumb:last-child,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb:last-child {
margin-bottom: 0 !important;
} .ht-pageheader-block .heroickb-breadcrumb li,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb li {
display: inline-block !important;
}
.ht-pageheader-block .heroickb-breadcrumb li:last-child,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb li:last-child {
color: rgba(0, 0, 0, 0.5) !important;
} .ht-pageheader-block .heroickb-breadcrumb a,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb a {
color: #5c5c5c !important;
text-decoration: none !important;
}
.ht-pageheader-block .heroickb-breadcrumb a:hover,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb a:hover {
text-decoration: none !important;
} .ht-pageheader-block .heroickb-breadcrumb li:not(:last-child)::after,
.wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb li:not(:last-child)::after {
content: "›" !important;
margin: 0 0.4rem 0 0 !important;
color: var(--wp--preset--color--primary, #00b4b3) !important;
font-size: inherit !important;
border: none !important;
background: none !important;
box-shadow: none !important;
} .ht-pageheader-block .wp-block-heroickb-search {
width: 100%;
}
@media screen and (min-width: 768px) {
.ht-pageheader-block .wp-block-heroickb-search {
max-width: 330px;
}
} .ht-pageheader-block .wp-block-heroickb-search input[type="text"],
.ht-pageheader-block .wp-block-heroickb-search .heroickb-search__input,
.ht-pageheader-block .hkb-site-search__field,
.ht-pageheader-block .wp-block-heroickb-search .heroickb-sb-inputwrapper__input,
.ht-pageheader-block .wp-block-heroickb-search .heroickb-sb-inputwrapper__input_wo_cat {
padding: 10px 15px 10px 0px !important;
font-size: 15px !important;
width: 100% !important;
}
@media screen and (max-width: 767px) {
.ht-pageheader-block .wp-block-heroickb-search input[type="text"],
.ht-pageheader-block .wp-block-heroickb-search .heroickb-search__input,
.ht-pageheader-block .wp-block-heroickb-search .heroickb-sb-inputwrapper__input,
.ht-pageheader-block .wp-block-heroickb-search .heroickb-sb-inputwrapper__input_wo_cat {
width: 100% !important;
}
}
@media screen and (min-width: 768px) {
.ht-pageheader-block .wp-block-heroickb-search input[type="text"],
.ht-pageheader-block .wp-block-heroickb-search .heroickb-search__input,
.ht-pageheader-block .wp-block-heroickb-search .heroickb-sb-inputwrapper__input,
.ht-pageheader-block .wp-block-heroickb-search .heroickb-sb-inputwrapper__input_wo_cat {
width: 330px !important;
}
} .ht-pageheader-block .wp-block-heroickb-search .heroickb-search__icon,
.ht-pageheader-block .hkb-site-search::after {
opacity: 0.5 !important;
left: 12px !important;
position: absolute !important;
}
.ht-pageheader-block .wp-block-heroickb-search {
position: relative !important;
}  .kb-search-container {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
} @media screen and (min-width: 768px) {
.kb-search-container {
width: 100% !important;
max-width: 620px !important;
margin: 0 auto !important;
}
}  .wp-block-ht-toc-block-toc,
.wp-block-heroickb-dependency-handler .ht-toc-container {
--toc-primary-color: var(--wp--preset--color--primary, #00b4b3);
--toc-link-color: var(--wp--preset--color--primary, #00b4b3);
--toc-hover-color: var(--wp--preset--color--primary-hover, #008a89);
}
.wp-block-ht-toc-block-toc .ht-toc-container .ht-toc-title,
.wp-block-heroickb-dependency-handler .ht-toc-container .ht-toc-title {
color: var(--wp--preset--color--primary, #00b4b3) !important;
border-bottom-color: var(--wp--preset--color--primary, #00b4b3) !important;
}
.wp-block-ht-toc-block-toc .ht-toc-container .ht-toc-list a,
.wp-block-heroickb-dependency-handler .ht-toc-container .ht-toc-list a {
color: var(--wp--preset--color--primary, #00b4b3) !important;
}
.wp-block-ht-toc-block-toc .ht-toc-container .ht-toc-list a:hover,
.wp-block-heroickb-dependency-handler .ht-toc-container .ht-toc-list a:hover {
color: #ffffff !important;
background-color: var(--wp--preset--color--primary, #00b4b3) !important;
} .wp-block-query-pagination {
margin-top: 20px;
}
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-numbers {
font-size: 14px;
border-radius: 3px;
padding: 10px 15px;
} .wp-block-heroickb-feedback .heroickb-feedback,
.wp-block-heroickb-feedback .ht-voting {
background: var(--wp--preset--color--secondary, #f4f5f5);
padding: 15px 30px 20px;
margin: 0;
} .wp-block-heroickb-feedback .ht-voting:has(.ht-voting-comment),
.wp-block-heroickb-feedback .ht-voting:has(.ht-voting-thanks) {
padding-bottom: 75px;
}
@media print {
.wp-block-heroickb-feedback .heroickb-feedback,
.wp-block-heroickb-feedback .ht-voting {
display: none;
}
} .wp-block-heroickb-feedback .heroickb-feedback__title,
.wp-block-heroickb-feedback .hkb-feedback__title {
display: block !important;
font-size: 18px !important;
line-height: 1.4 !important;
font-weight: normal !important;
color: #4d4d4d !important;
margin: 0 0 10px !important;
text-align: center !important;
padding: 0 !important;
} .wp-block-heroickb-feedback .heroickb-voting-links,
.wp-block-heroickb-feedback .ht-voting-links {
margin: 0 auto !important;
text-align: center !important;
justify-content: center !important;
gap: 0 !important;
} .wp-block-heroickb-feedback .heroickb-voting-upvote,
.wp-block-heroickb-feedback .heroickb-voting-downvote,
.wp-block-heroickb-feedback .ht-voting-upvote,
.wp-block-heroickb-feedback .ht-voting-downvote {
display: inline-flex !important;
align-items: center !important;
margin: 0 7px !important;
padding: 0 !important;
border-radius: 3px !important;
text-decoration: none !important;
overflow: visible !important;
position: relative !important;
} .wp-block-heroickb-feedback .heroickb-voting-upvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-downvote-icon,
.wp-block-heroickb-feedback .ht-voting-upvote-icon,
.wp-block-heroickb-feedback .ht-voting-downvote-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 3px !important;
padding: 8px 20px !important;
width: auto !important;
height: auto !important;
min-width: auto !important;
min-height: auto !important;
box-sizing: border-box !important;
margin: 0 !important;
} .wp-block-heroickb-feedback .heroickb-voting-upvote-icon svg,
.wp-block-heroickb-feedback .heroickb-voting-downvote-icon svg,
.wp-block-heroickb-feedback .ht-voting-upvote-icon svg,
.wp-block-heroickb-feedback .ht-voting-downvote-icon svg {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
}  .wp-block-heroickb-feedback .heroickb-voting-upvote-label,
.wp-block-heroickb-feedback .heroickb-voting-downvote-label,
.wp-block-heroickb-feedback .ht-voting-upvote-label,
.wp-block-heroickb-feedback .ht-voting-downvote-label {
display: none !important;
margin: 0 !important;
}      [id*="kb-feedback-"] .ht-voting-upvote:not(:hover):not(.active) .ht-voting-upvote-icon,
[id*="kb-feedback-"] .heroickb-voting-upvote:not(:hover):not(.active) .heroickb-voting-upvote-icon,
.wp-block-heroickb-feedback .ht-voting-upvote:not(:hover):not(.active) .ht-voting-upvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-upvote:not(:hover):not(.active) .heroickb-voting-upvote-icon {
background-color: #5fd87f !important;
} [id*="kb-feedback-"] .ht-voting-downvote:not(:hover):not(.active) .ht-voting-downvote-icon,
[id*="kb-feedback-"] .heroickb-voting-downvote:not(:hover):not(.active) .heroickb-voting-downvote-icon,
.wp-block-heroickb-feedback .ht-voting-downvote:not(:hover):not(.active) .ht-voting-downvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-downvote:not(:hover):not(.active) .heroickb-voting-downvote-icon {
background-color: #e9726f !important;
}  [id*="kb-feedback-"] .ht-voting-upvote.active .ht-voting-upvote-icon,
[id*="kb-feedback-"] .heroickb-voting-upvote.active .heroickb-voting-upvote-icon,
.wp-block-heroickb-feedback .ht-voting-upvote.active .ht-voting-upvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-upvote.active .heroickb-voting-upvote-icon {
background-color: #41cc6c !important;
box-shadow: 0 0 0 3px rgba(65, 204, 108, 0.2) !important;
transform: scale(1.05) !important;
} [id*="kb-feedback-"] .ht-voting-downvote.active .ht-voting-downvote-icon,
[id*="kb-feedback-"] .heroickb-voting-downvote.active .heroickb-voting-downvote-icon,
.wp-block-heroickb-feedback .ht-voting-downvote.active .ht-voting-downvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-downvote.active .heroickb-voting-downvote-icon {
background-color: #e1615d !important;
box-shadow: 0 0 0 3px rgba(225, 97, 93, 0.2) !important;
transform: scale(1.05) !important;
} [id*="kb-feedback-"] .ht-voting-upvote:hover:not(.active) .ht-voting-upvote-icon,
[id*="kb-feedback-"] .heroickb-voting-upvote:hover:not(.active) .heroickb-voting-upvote-icon,
.wp-block-heroickb-feedback .ht-voting-upvote:hover:not(.active) .ht-voting-upvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-upvote:hover:not(.active) .heroickb-voting-upvote-icon {
background-color: #41cc6c !important;
transform: scale(1.02) !important;
transition: all 0.2s ease !important;
}
[id*="kb-feedback-"] .ht-voting-downvote:hover:not(.active) .ht-voting-downvote-icon,
[id*="kb-feedback-"] .heroickb-voting-downvote:hover:not(.active) .heroickb-voting-downvote-icon,
.wp-block-heroickb-feedback .ht-voting-downvote:hover:not(.active) .ht-voting-downvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-downvote:hover:not(.active) .heroickb-voting-downvote-icon {
background-color: #e1615d !important;
transform: scale(1.02) !important;
transition: all 0.2s ease !important;
} .wp-block-heroickb-feedback .heroickb-voting-upvote-icon,
.wp-block-heroickb-feedback .heroickb-voting-downvote-icon,
.wp-block-heroickb-feedback .ht-voting-upvote-icon,
.wp-block-heroickb-feedback .ht-voting-downvote-icon {
transition: all 0.2s ease !important;
} .wp-block-heroickb-feedback .heroickb-voting-comment,
.wp-block-heroickb-feedback .ht-voting-comment {
margin: 20px 0 0 !important;
max-width: 100% !important;
text-align: left !important;
}
.wp-block-heroickb-feedback .heroickb-voting-comment .heroickb-voting-comment__textarea,
.wp-block-heroickb-feedback .ht-voting-comment .ht-voting-comment__textarea,
.wp-block-heroickb-feedback .heroickb-voting-comment textarea,
.wp-block-heroickb-feedback .ht-voting-comment textarea {
margin: 0 0 20px !important;
line-height: 1.5 !important;
width: 100% !important;
}
.wp-block-heroickb-feedback .heroickb-voting-comment .heroickb-voting-comment__submit,
.wp-block-heroickb-feedback .ht-voting-comment .ht-voting-comment__submit,
.wp-block-heroickb-feedback .heroickb-voting-comment button,
.wp-block-heroickb-feedback .ht-voting-comment button {
float: right !important;
font-size: 14px !important;
text-transform: uppercase !important;
background-color: var(--wp--preset--color--primary, #00b4b3) !important;
color: #ffffff !important;
border: none !important;
padding: 12px 30px !important;
border-radius: 3px !important;
cursor: pointer !important;
transition: background-color 0.2s ease !important;
}
.wp-block-heroickb-feedback .heroickb-voting-comment .heroickb-voting-comment__submit:hover,
.wp-block-heroickb-feedback .ht-voting-comment .ht-voting-comment__submit:hover,
.wp-block-heroickb-feedback .heroickb-voting-comment button:hover,
.wp-block-heroickb-feedback .ht-voting-comment button:hover {
background-color: var(--wp--preset--color--primary-hover, #008f8e) !important;
} .wp-block-heroickb-feedback .ht-voting-thanks {
margin: 20px 0 0 !important;
padding: 1em !important;
text-align: center !important;
background: #f0f9ff !important;
border-radius: 4px !important;
} @media screen and (max-width: 767px) {
.wp-block-column.sticky-sidebar {
display: none !important;
}
}    .wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb li a {
margin-right: 0 !important;
}
body .wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb-wrap .heroickb-breadcrumb li a {
margin-right: 0 !important;
} .wp-block-heroickb-category-breadcrumb .heroickb-breadcrumb li:not(:last-child)::after {
content: '' !important;
display: inline-block !important;
width: 12px !important;
height: 12px !important;
margin: 0 2px !important;
position: relative !important;
top: 1px !important;
background-color: var(--wp--preset--color--primary, #00b4b3) !important;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='12' width='12' viewBox='0 0 16 16'%3E%3Cpath d='M6 13.4L4.6 12 8.6 8 4.6 4 6 2.6 11.4 8z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='12' width='12' viewBox='0 0 16 16'%3E%3Cpath d='M6 13.4L4.6 12 8.6 8 4.6 4 6 2.6 11.4 8z'/%3E%3C/svg%3E") !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
} .wp-block-ht-block-toc .dashicons,
.wp-block-ht-block-toc .dashicons-before:before {
font-family: dashicons !important;
}
.ka-not-found-sub {
color: #ffffffe6 !important;
}
footer, .wp-block-template-part {
margin-block-start: 0 !important;
} .wp-block-ht-blocks-tabs,
.wp-block-hb-tabs {
margin: 1em 0;
} .wp-block-hb-tabs__nav,
.wp-block-ht-blocks-tabs .wp-block-hb-tabs__nav {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
}
.wp-block-hb-tabs__nav li,
.wp-block-ht-blocks-tabs .wp-block-hb-tabs__nav li {
list-style: none !important;
margin: 0 0 -1px !important;
padding: 0.8em 1em !important;
} .wp-block-hb-tabs__head {
position: relative;
background: #f0f2f5;
border-top: 1px solid #e6e8eb;
border-right: 1px solid #e6e8eb;
color: #333;
white-space: nowrap;
line-height: 1;
}
.wp-block-hb-tabs__head:first-child {
border-left: 1px solid #e6e8eb;
}
.wp-block-hb-tabs__head[data-hb-tabs-tab--state="inactive"]:hover {
cursor: pointer;
}
.wp-block-hb-tabs__head[data-hb-tabs-tab--state="active"] {
background: #fff;
}
.wp-block-hb-tabs__head[data-hb-tabs-tab--state="active"] .wp-block-hb-tabs__head_item {
font-weight: bolder;
} .wp-block-hb-tabs__content {
padding: 0.25em 1em;
border: 1px solid #e6e8eb;
display: none;
}
.wp-block-hb-tabs__content[data-hb-tabs-tab--state="active"] {
display: block;
} @media screen and (max-width: 599px) {
.wp-block-hb-tabs__nav li {
width: 100%;
}
.wp-block-hb-tabs__nav li:last-child {
border-bottom: 1px solid #e6e8eb;
}
}
@media screen and (min-width: 600px) {
.wp-block-hb-tabs__nav {
display: inline-flex;
flex-wrap: nowrap;
}
}#heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:transparent!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(//support.stufinder.com/wp-content/plugins/sassy-social-share/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:transparent}.heateorSssTCBackground{border-width:0!important;background-color:transparent!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0 !important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}@media screen and (max-width: 783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%}