/* Custom CSS code for all pages */

/* ---- TOP LOGO ---- */

/* Light theme logo (default) */
.logo-image {
  display: block;
  width: 187px;   /* adjust to your logo size */
  height: 32px;   /* adjust to your logo size */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: image-set(
    url('../images/header-logo-light.png') 1x,
    url('../images/header-logo-light@2x.png') 2x,
    url('../images/header-logo-light@3x.png') 3x
  );
}

/* Dark theme logo */
html[data-theme="dark"] .logo-image {
  background-image: image-set(
    url('../images/header-logo-dark.png') 1x,
    url('../images/header-logo-dark@2x.png') 2x,
    url('../images/header-logo-dark@3x.png') 3x
  );
}

/* ---- LINKS ON PAGES AND POSTS ---- */

.post-content a:hover {
    text-decoration: underline;
}

.post-content a:link {
    font-weight: bold;
}

/* Override default link styles */
.post-content ol a, .post-content p a, .post-content ul a {
    text-decoration: none;
    color: inherit;
}

/* Override default link styles */
.post-content ol a:hover, .post-content p a:hover, .post-content ul a:hover {
    color: inherit;
}

.kg-callout-card div.kg-callout-text {
    line-height: 1.6em;
}