@charset "UTF-8";
/*
Theme Name:     KnowAll Child Theme
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowAll 
Author: 		HeroThemes
Author URI: 	http://herothemes.com
Template:       knowall
Version:        1.0.0
*/
/* ------- Insert custom styles below this line ------- */
/*
A set of mixings to aid the use of media queries.
Enmanuel Durán's approach as seen at:
https://dev.to/duranenmanuel/another-approach-to-media-queries-with-the-power-of-sass-3ghf
*/
/* Apply to devices with a higher screen than a phone */
/* Apply to devices with screen sizes smaller than a phone */
/* Apply to only phone devices */
/* Apply to devices in a range, in this case, between a phone and a tablet */
a.af_button--primary, button.af_button--primary {
  background-color: #5C5CFF;
  color: #FCFCFC;
}
a.af_button--primary:hover, button.af_button--primary:hover {
  color: #FCFCFC;
  box-shadow: 4px 4px 0 0 #00006B, 0px 0px 2px 0 #00006B;
}
a.af_button--secondary, button.af_button--secondary {
  background-color: #E5E8FF;
  color: #00006B;
}
a.af_button--secondary:hover, button.af_button--secondary:hover {
  color: #00006B;
  box-shadow: 4px 4px 0 0 #00006B, 0px 0px 2px 0 #00006B;
}
a.af_button--pink, button.af_button--pink {
  background-color: #FF79FF;
  color: #00006B;
}
a.af_button--pink:hover, button.af_button--pink:hover {
  color: #00006B;
  box-shadow: 4px 4px 0 0 #00006B, 0px 0px 2px 0 #00006B;
}
a.af_button, a.af_button--small, button.af_button, button.af_button--small {
  display: flex;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
a.af_button--small, button.af_button--small {
  padding: 12px 20px;
  font-size: 14px;
}

body,
.ht-page,
.ht-sitecontainer {
  background: #FCFCFC;
  background-color: #FCFCFC;
  color: #202031;
}

h1, h2, h3, h4, h5, h6 {
  color: #00006B;
}

.nav-header > ul a,
.hkb-article__content kbd,
.hkb-article-attachment__link .hkb-article-attachment__content,
.ht-commentform .ht-commentform__title,
.ht-commentslist .ht-commentslist__title,
.ht-comment .ht-comment__authorname,
.ht-comment .ht-comment__authorname a,
.hts-toggle .hts-toggle__title,
.hts-accordion .hts-accordion__title,
.hts-tabs .hts-tabs__nav .hts-tabs__tab,
.ht-post__content kbd,
.ht-mobile-exit .ht-mobile-exit__title,
.hkb-category__title {
  color: #202031 !important;
}

.ht-categoryheader .ht-categoryheader__description,
.hkb-category .hkb-category__description {
  color: #98989F !important;
}

.ht-container,
.ht-sitecontainer--boxed {
  max-width: 1100px !important;
}

.widget_block.widget_text,
.af-card,
.widget,
.widget_block {
  padding: 1rem;
  border: 1px solid #EBEBF3;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(84, 84, 84, 0.05);
  transition: all 0.3s ease-in-out;
}
.widget_block.widget_text h3,
.af-card h3,
.widget h3,
.widget_block h3 {
  color: #202031;
  margin-top: 0;
}

.hkb-breadcrumbs {
  font-size: 13px;
}
.hkb-breadcrumbs a:hover {
  text-decoration: underline;
}

.site-header {
  z-index: 1;
}
.site-header__banner {
  background: #FFFFFF !important;
  border-bottom: 1px solid #efefef;
  padding: 12px 0 !important;
}
@media screen and (max-width: 749px) {
  .site-header__banner .ht-container {
    flex-wrap: wrap !important;
  }
}
.site-header__banner .ht-container .site-logo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 1.3rem;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 749px) {
  .site-header__banner .ht-container .af-welcone-wrap {
    order: 3;
    min-width: 100vw;
  }
}
.site-header__banner .ht-container .af-welcone-wrap .af_header-welcome__org {
  font-weight: 700;
}
@media screen and (max-width: 749px) {
  .site-header__banner .ht-container nav.nav-header {
    order: 2;
  }
}

.af_contact-cta-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #B04AB0;
  margin: 80px 0 0;
  padding: 50px 0;
  min-height: 50vh;
  background-image: url(./img/af_cta_bg_left.png), url(./img/af_cta_bg_right.png);
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1365px) {
  .af_contact-cta-section {
    background-size: 40%;
  }
}
@media screen and (max-width: 499px) {
  .af_contact-cta-section {
    background-size: 50%;
  }
}
.af_contact-cta-section__container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.af_contact-cta-section__container h2, .af_contact-cta-section__container p {
  color: #FCFCFC;
}
.af_contact-cta-section__container h2 {
  margin: 0;
}

.site-footer {
  padding: 15px 0;
}

.hkb-feedback {
  padding: 2rem;
  margin: 3rem 0;
  border-radius: 15px;
  padding: 1rem;
  border: 1px solid #EBEBF3;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(84, 84, 84, 0.05);
  transition: all 0.3s ease-in-out;
}
.hkb-feedback h3 {
  color: #202031;
  margin-top: 0;
}
.hkb-feedback .hkb-feedback__title {
  font-weight: 600;
  margin: 0 0 1.2rem;
}
.hkb-feedback .ht-voting-upvote {
  background: #267544 url("./img/check.svg") no-repeat center center;
  background-size: 20px 20px;
}
.hkb-feedback .ht-voting-upvote:hover {
  background-color: #339b5a;
}
.hkb-feedback .ht-voting-downvote {
  background: #C80838 url("./img/cross.svg") no-repeat center center;
  background-size: 20px 20px;
}
.hkb-feedback .ht-voting-downvote:hover {
  background-color: #f50e48;
}
.hkb-feedback .ht-voting-comment__textarea {
  border: 1px solid #50505D;
  color: #50505D;
}
.hkb-feedback .ht-voting-comment__submit {
  text-transform: unset;
  font-weight: normal;
}
.hkb-feedback .ht-voting-comment__submit:hover {
  background: #E5E8FF;
}

.wp-block-hb-message {
  background: #DAF1DE;
}
.wp-block-hb-message.wp-block-hb-message--withicon {
  background-image: url("./img/check-circle.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  color: #267544;
}
.wp-block-hb-message.is-style-alert {
  background: #FFF9EB;
}
.wp-block-hb-message.is-style-alert.wp-block-hb-message--withicon {
  background-image: url("./img/exclamation-circle.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 1em 1.3em;
  color: #AB5703;
}
.wp-block-hb-message.is-style-danger {
  background-color: #FFE2E5;
}
.wp-block-hb-message.is-style-danger.wp-block-hb-message--withicon {
  background-image: url("./img/exclamation-triangle.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  color: #C80838;
}
.wp-block-hb-message.is-style-info {
  background-color: #E5E8FF;
}
.wp-block-hb-message.is-style-info.wp-block-hb-message--withicon {
  background-image: url("./img/info-circle.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  color: #00001E;
}

h3.hkb-article-attachments__title {
  font-size: 15px !important;
}

.hkb-article-attachment__link {
  padding: 0px;
}
.hkb-article-attachment__link::after {
  content: none;
}
.hkb-article-attachment__link:hover {
  background-color: rgba(235, 235, 243, 0.45);
}
.hkb-article-attachment__link .hkb-article-attachment__img {
  margin: 0 10px 0 0;
}
.hkb-article-attachment__link .hkb-article-attachment__img .hkb-article-attachment__icon {
  fill: #98989F;
}
.hkb-article-attachment__link .hkb-article-attachment__img svg {
  width: 20px !important;
  height: 20px !important;
}
.hkb-article-attachment__link .hkb-article-attachment__img span {
  display: none !important;
}
.hkb-article-attachment__link .hkb-article-attachment__title {
  display: block;
  line-break: anywhere;
  width: 100%;
  font-size: 14px;
  color: #5c5c8e;
}

.ht-404msg {
  min-height: 100vh;
}
.ht-404msg .ht-404msg__title, .ht-404msg .ht-404msg__tagline {
  color: #00006B;
}

.ht-categoryheader.hkb-category--style7 .hkb-category__iconwrap {
  max-height: 50px;
  max-width: 50px;
  min-width: 50px;
  flex-basis: 50px;
}
.ht-categoryheader.hkb-category--style7 .hkb-category__iconwrap img {
  max-height: 50px;
  max-width: 50px;
}
.ht-categoryheader__description {
  max-width: 65ch;
}

.hkb-subcats .af-card {
  padding: 1rem 1.5rem;
  background-color: #ffffff;
  border-radius: 15px;
}
.hkb-subcats .af-card .hkb-category__title {
  color: #00006B !important;
}
.hkb-subcats .af-card .hkb-category__articlelist {
  list-style-type: none;
  margin: 15px 0 0 0;
  border-top: 1px solid #EBEBF3;
  padding: 1rem 0;
}
.hkb-subcats .af-card .hkb-category__articlelist li > a {
  text-decoration: underline;
  color: #202031;
}
.hkb-subcats .af-card .hkb-category__articlelist li > a::before {
  content: none;
}
.hkb-subcats .af-card .af_button {
  margin: 1rem auto;
}

.hkb-articlemini .hkb-article__title {
  color: #00006B;
}

.ht-pageheader {
  background: #FCFCFC;
}

.ht-page {
  padding: 0 !important;
}

.hkb-article__header,
.af_article_header {
  min-height: 200px;
  padding: 0 30px;
  width: 100%;
  background-color: #FEE7FF;
  border-radius: 15px;
  justify-content: center !important;
  flex-direction: column;
}
.hkb-article__header > h1,
.af_article_header > h1 {
  margin-top: 0;
  color: #00006B;
}
.hkb-article__header + .ht-container,
.af_article_header + .ht-container {
  margin-top: 4rem;
}

.ht-page__content .hkb-article__content,
.ht-page__content .hkb-article__content {
  margin: 0 0 6rem;
}
.ht-page__content .hkb-article__content > *,
.ht-page__content .hkb-article__content > * {
  margin: 1.4rem 0 !important;
}
.ht-page__content .hkb-article__content > .wp-block-image, .ht-page__content .hkb-article__content > .wp-block-quote, .ht-page__content .hkb-article__content > .wp-block-pullquote, .ht-page__content .hkb-article__content > .wp-block-details, .ht-page__content .hkb-article__content > .wp-block-hb-tabs, .ht-page__content .hkb-article__content > .wp-block-hb-accordion, .ht-page__content .hkb-article__content > .wp-block-file, .ht-page__content .hkb-article__content > .wp-block-hb-message, .ht-page__content .hkb-article__content > .wp-block-hb-toggle, .ht-page__content .hkb-article__content > .wp-block-ht-blocks-list, .ht-page__content .hkb-article__content > .wp-block-embed,
.ht-page__content .hkb-article__content > .wp-block-image,
.ht-page__content .hkb-article__content > .wp-block-quote,
.ht-page__content .hkb-article__content > .wp-block-pullquote,
.ht-page__content .hkb-article__content > .wp-block-details,
.ht-page__content .hkb-article__content > .wp-block-hb-tabs,
.ht-page__content .hkb-article__content > .wp-block-hb-accordion,
.ht-page__content .hkb-article__content > .wp-block-file,
.ht-page__content .hkb-article__content > .wp-block-hb-message,
.ht-page__content .hkb-article__content > .wp-block-hb-toggle,
.ht-page__content .hkb-article__content > .wp-block-ht-blocks-list,
.ht-page__content .hkb-article__content > .wp-block-embed {
  margin: 2.4rem 0 !important;
}
.ht-page__content .hkb-article__content > :first-child,
.ht-page__content .hkb-article__content > :first-child {
  margin-top: 0 !important;
}
.ht-page__content .hkb-article__content .wp-block-heading,
.ht-page__content .hkb-article__content .wp-block-heading {
  color: #00006B;
}
.ht-page__content .hkb-article__content p, .ht-page__content .hkb-article__content a,
.ht-page__content .hkb-article__content p,
.ht-page__content .hkb-article__content a {
  line-height: 1.4rem;
}
.ht-page__content .hkb-article__content a,
.ht-page__content .hkb-article__content a {
  text-decoration: underline;
}
.ht-page__content .hkb-article__content .wp-block-image figcaption,
.ht-page__content .hkb-article__content .wp-block-image figcaption {
  text-align: left;
  font-style: normal;
}
.ht-page__content .hkb-article__content .wp-block-image img,
.ht-page__content .hkb-article__content .wp-block-pullquote,
.ht-page__content .hkb-article__content .wp-block-quote,
.ht-page__content .hkb-article__content .wp-block-image img,
.ht-page__content .hkb-article__content .wp-block-pullquote,
.ht-page__content .hkb-article__content .wp-block-quote {
  border-radius: 10px;
  border: none;
}
.ht-page__content .hkb-article__content .wp-block-pullquote,
.ht-page__content .hkb-article__content .wp-block-quote,
.ht-page__content .hkb-article__content .wp-block-pullquote,
.ht-page__content .hkb-article__content .wp-block-quote {
  color: #00006B;
  background-color: #E5E8FF;
}
.ht-page__content .hkb-article__content .wp-block-pullquote p,
.ht-page__content .hkb-article__content .wp-block-quote p,
.ht-page__content .hkb-article__content .wp-block-pullquote p,
.ht-page__content .hkb-article__content .wp-block-quote p {
  font-weight: 600;
  color: #00006B;
  line-height: 1.7rem;
}
.ht-page__content .hkb-article__content .wp-block-quote,
.ht-page__content .hkb-article__content .wp-block-quote {
  padding: 1rem 1rem 2rem !important;
}
.ht-page__content .hkb-article__content .wp-block-details,
.ht-page__content .hkb-article__content .wp-block-details {
  background-color: #EBEBF3;
  padding: 1rem;
  border-radius: 5px;
}
.ht-page__content .hkb-article__content .wp-block-hb-toggle.wp-block-hb-toggle--active .wp-block-hb-toggle__title::before,
.ht-page__content .hkb-article__content .wp-block-hb-toggle.wp-block-hb-toggle--active .wp-block-hb-toggle__title::before {
  background-image: url("./img/minus-circle.svg");
}
.ht-page__content .hkb-article__content .wp-block-hb-accordion .wp-block-hb-accordion__title,
.ht-page__content .hkb-article__content .wp-block-hb-toggle__title,
.ht-page__content .hkb-article__content .wp-block-hb-accordion .wp-block-hb-accordion__title,
.ht-page__content .hkb-article__content .wp-block-hb-toggle__title {
  background-color: #EBEBF3;
}
.ht-page__content .hkb-article__content .wp-block-hb-accordion .wp-block-hb-accordion__title::before,
.ht-page__content .hkb-article__content .wp-block-hb-toggle__title::before,
.ht-page__content .hkb-article__content .wp-block-hb-accordion .wp-block-hb-accordion__title::before,
.ht-page__content .hkb-article__content .wp-block-hb-toggle__title::before {
  background-image: url("./img/plus-circle.svg");
}
.ht-page__content .hkb-article__content .wp-block-hb-toggle__title,
.ht-page__content .hkb-article__content .wp-block-hb-accordion__title,
.ht-page__content .hkb-article__content .wp-block-hb-toggle__title,
.ht-page__content .hkb-article__content .wp-block-hb-accordion__title {
  color: #00006B;
}
.ht-page__content .hkb-article__content .wp-block-file,
.ht-page__content .hkb-article__content .wp-block-file {
  background-color: #E5E8FF;
  padding: 1rem;
  border-radius: 5px;
}
.ht-page__content .hkb-article__content .wp-block-file .wp-block-file__button,
.ht-page__content .hkb-article__content .wp-block-file .wp-block-file__button {
  border-radius: 5px;
  background-color: #B04AB0;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
}
.ht-page__content .hkb-article__content .wp-block-file .wp-block-file__button:hover,
.ht-page__content .hkb-article__content .wp-block-file .wp-block-file__button:hover {
  color: #fff;
  background-color: #B04AB0;
  box-shadow: 4px 4px 0 0 #8c3b8c, 0px 0px 2px 0 #8c3b8c;
}
.ht-page__content .hkb-article__content .wp-block-button .wp-block-button__link,
.ht-page__content .hkb-article__content .wp-block-button .wp-block-button__link {
  border-radius: 5px;
  background-color: #E5E8FF;
  color: #00006B;
  font-size: 14px;
  text-decoration: none !important;
  transition: all ease-in-out 0.3s;
}
.ht-page__content .hkb-article__content .wp-block-button .wp-block-button__link:hover,
.ht-page__content .hkb-article__content .wp-block-button .wp-block-button__link:hover {
  color: #00006B;
  background-color: #E5E8FF;
  box-shadow: 4px 4px 0 0 #000038, 0px 0px 2px 0 #000038;
}
.ht-page__content .hkb-article__content .wp-block-ht-blocks-list li::before,
.ht-page__content .hkb-article__content .wp-block-ht-blocks-list li::before {
  background-color: #763177 !important;
  border-radius: 50px !important;
}
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li,
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li {
  color: #00006B;
  border: none;
  position: relative;
}
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li::after,
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background-color: #EBEBF3;
  border-radius: 6px;
}
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state=active]::after,
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state=active]::after {
  background-color: #00006B;
}
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state=inactive],
.ht-page__content .hkb-article__content .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state=inactive] {
  background-color: #ffffff;
}

.hkb-article-tags {
  padding-top: 1rem;
  border-top: 1px solid #EBEBF3;
  color: #98989F;
}
.hkb-article-tags a {
  color: #98989F;
  border: 1px solid #98989F;
  background: transparent;
}

.hkb-article-related .hkb-article-related__title {
  border-bottom: 1px solid #EBEBF3;
  padding: 0.5rem 0;
}
.hkb-article-related .hkb-article-list {
  list-style: none;
}
.hkb-article-related li.hkb-article-list__format-standard {
  padding: 0.3rem 0;
}
.hkb-article-related li.hkb-article-list__format-standard a {
  text-decoration: underline;
}

.ht-postmini .ht-post__header {
  font-size: 34px;
  margin: 0 0 22px;
}

.site-header .site-header__title {
  margin: 0 auto 50px;
  font-size: 34px;
  font-weight: 600;
}

.hkb-site-search .hkb-site-search__field {
  border-radius: 15px;
  box-shadow: 0 0 0 5px rgba(161, 161, 161, 0.15);
}

.hkb-archive__title {
  text-align: center;
  border-bottom: none;
  padding: 60px 0 30px;
}

.hkb-archive .hkb-category--boxed {
  border: 1px solid #EBEBF3;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(84, 84, 84, 0.05);
  transition: all 0.3s ease-in-out;
}
.hkb-archive .hkb-category--boxed:hover {
  background: #FFFFFF;
  border: 1px solid #bbbbd6;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(84, 84, 84, 0.06);
}
.hkb-archive .hkb-category.hkb-category--style7 .hkb-category__link {
  align-items: flex-start;
  gap: 1rem;
  border-bottom: unset;
  border-radius: 15px;
}
.hkb-archive .hkb-category.hkb-category--style7 .hkb-category__link:hover {
  background: #FFFFFF !important;
}
.hkb-archive .hkb-category.hkb-category--style7 .hkb-category__link .hkb-category__iconwrap {
  max-height: 70px;
  max-width: 70px;
  min-width: 70px;
  flex-basis: 70px;
}
.hkb-archive .hkb-category.hkb-category--style7 .hkb-category__link .hkb-category__iconwrap img {
  max-height: 70px;
  max-width: 70px;
}
.hkb-archive .hkb-category.hkb-category--style7 .hkb-category__link .hkb-category__iconwrap {
  margin: 0;
}

.af_search_result {
  color: #00006B;
}

.af_result_count {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  font-size: 15px;
  color: #98989F;
  line-height: 1.5;
  border-bottom: 1px solid #e6e6e6;
}

.ht-articlelist li .af_pub_date {
  font-size: 13px;
  color: #98989F;
  line-height: 1.5;
}

body[data-root=true] .ht-page {
  background-color: #FEE7FF;
}
body[data-root=true] .ht-page .af-home-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: rgba(255, 121, 255, 0.45);
}
body[data-root=true] .ht-page .af-home-bg__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  mix-blend-mode: multiply;
}
body[data-root=true] .ht-page .af-home-bg__img.active {
  opacity: 1;
}
body[data-root=true] .ht-page .af-home-caption {
  position: absolute;
  bottom: 4rem;
  right: 4rem;
  background: #FCFCFC;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  z-index: 10;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
body[data-root=true] .ht-page .af-home-caption::before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16H11.8125V10.3226L6.1875 16H0V10.3226L5.625 5.16129H0V0H18V16Z' fill='%23FF79FF'/%3E%3C/svg%3E");
  display: flex;
  background: #FCFCFC;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: -22px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
body[data-root=true] .ht-page .af-home-caption.active {
  opacity: 1;
}
body[data-root=true] .ht-page .ht-container {
  height: calc(100vh - 110px);
}
body[data-root=true] .ht-page .ht-container .ht-page__content {
  width: 100%;
  height: 100%;
  position: relative;
}

body[data-root=true] .af_contact-cta-section {
  margin: 0;
}

.af_root {
  position: relative;
  width: 100%;
  height: 100%;
}
.af_root .hkb-article__content {
  padding: 1rem;
  border: 1px solid #EBEBF3;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(84, 84, 84, 0.05);
  transition: all 0.3s ease-in-out;
  max-width: fit-content;
  padding: 1rem 2rem !important;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  transform: translateY(-50%);
}
.af_root .hkb-article__content h3 {
  color: #202031;
  margin-top: 0;
}
.af_root .hkb-article__content p {
  max-width: 62ch;
  line-height: 1.6rem;
}
.af_root .hkb-article__content .wp-block-buttons:first-of-type {
  margin-top: 0.5rem;
}
.af_root .hkb-article__content .wp-block-buttons .wp-block-button {
  width: 100%;
}
.af_root .hkb-article__content .wp-block-buttons .wp-block-button .wp-block-button__link {
  display: flex;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-size: 17px;
  background-color: #E5E8FF;
  color: #00006B;
  justify-content: center;
}
.af_root .hkb-article__content .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
  color: #00006B;
  box-shadow: 4px 4px 0 0 #00006B, 0px 0px 2px 0 #00006B;
}