/* ---- Headings ---- */
.post-title {
    font-family: "Instrument Sans", sans-serif;
    color: #021660;
    font-weight: 600;
}

h1, .h1 { 
    font-family: "Instrument Sans", sans-serif;
    font-weight: 600;
}

h1.heading-responsive {
    color: #ffffff;
}

/* Wiki page heading override */
body.wiki-page h1.heading-responsive,
.detail-block.mag-wiki-page h1.heading-responsive,
.wiki-heading h1.heading-responsive {
    color: #333333 !important;
}

h2, .h2 {
    font-family: "Instrument Sans", sans-serif;
    color: #021660;
    font-weight: 500;
}

h3, .h3 {
    font-family: "Instrument Sans", sans-serif;
    color: #021660;
    font-weight: 400;
}

h4, .h4 {
    font-family: "Instrument Sans", sans-serif;
    font-weight: 400;
}

h5, .h5 {
    font-family: "Instrument Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
}

h6, .h6 {
    font-family: "Instrument Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
}

body { 
    font-family: "Instrument Sans", sans-serif; 
    font-size: 16px;
}

.blog-layout-size {
    max-width: 9999px !important;
}

/* ---- Editor ---- */
.cke_contents {
    max-width: 990px !important;
}

#contentTable .flexbox-container.justify-between {
  justify-content: space-around !important;
}

.cke_contents a {
    text-decoration: underline !important;
}

/* ---- Article Footer ---- */
.post-nav {
    display: none;
}

h5.text-muted.center {
  visibility: hidden;
  position: relative;
}

h5.text-muted.center::before {
  content: "Was this article helpful?";
  visibility: visible;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* ---- Table of Contents ---- */
.embed-responsive-4by3 {
    padding-bottom: 0% !important;
}

/* ---- Tables ---- */
.blog-post-content .table {
    table-layout: auto;
    width: auto;
}

.blog-post-content .table > tbody > tr:nth-of-type(even) {
    background-color: #C6E9FA;
}

.blog-post-content .table > thead > tr > th {
    background-color: #021660;
    color: white;
}

/* ---- Videos ---- */
.responsive-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.wiki-page-action {
    display: none !important;
}

.detail-block .mag-wiki-page .sidebar-left {
  width: 350px !important;
}

.search-box {
    color: white;
}

/* ---- Links ---- */
.blog-post-content a {
    text-decoration: underline;
    color: inherit;
}

.blog-post-content a:hover {
    filter: brightness(1.5);
}

.blog-post-content a[href^="#"] {
    text-decoration: none;
}

.blog-post-content a[href^="#"]:hover {
    filter: none;
}

.blog-post-content a.btn {
    color: white;
    background-color: #021660;
    text-decoration: none;
    filter: none;
}

.blog-post-content a.btn:hover {
    background-color: #032080;
    filter: none;
}

/* ---- Alerts ---- */
.blog-post-content .alert {
  position: relative;
  padding-left: 50px;
}

.blog-post-content .alert:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

.blog-post-content .alert-info:before {
  content: "\f05a"; /* fa-circle-info */
}

.blog-post-content .alert-warning:before {
  content: "\f0eb"; /* fa-lightbulb */
}

.blog-post-content .alert-danger:before {
  content: "\f071"; /* fa-triangle-exclamation */
}