/**
 * Override unwanted Zendesk styles
 */
.masthead .dropdown-menu {
  box-shadow: none;
}

/**
 * Related articles
 */
.related-articles {
  padding: 0;
}

.related-articles h3 {
  font-size: 130%;
  margin-bottom: 1.2em;
  padding-bottom: 0.5rem;
}

.related-articles ul {
  clear: left;
  list-style: none;
  padding-left: 0;
}

.related-articles li {
  font-size: 90%;
  margin-bottom: 0.65em;
}

/**
 * Article vote
 */
.article-vote-up::before,
.article-vote-down::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  box-sizing: content-box;
  content: "";
  display: inline-block;
  font-family: none;
  height: 34px;
  line-height: 20px;
  padding: 10px;
  vertical-align: middle;
  width: 22px;
}

.article-vote-up::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23CE4A12"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M144 224C161.7 224 176 238.3 176 256L176 512C176 529.7 161.7 544 144 544L96 544C78.3 544 64 529.7 64 512L64 256C64 238.3 78.3 224 96 224L144 224zM334.6 80C361.9 80 384 102.1 384 129.4L384 133.6C384 140.4 382.7 147.2 380.2 153.5L352 224L512 224C538.5 224 560 245.5 560 272C560 291.7 548.1 308.6 531.1 316C548.1 323.4 560 340.3 560 360C560 383.4 543.2 402.9 521 407.1C525.4 414.4 528 422.9 528 432C528 454.2 513 472.8 492.6 478.3C494.8 483.8 496 489.8 496 496C496 522.5 474.5 544 448 544L360.1 544C323.8 544 288.5 531.6 260.2 508.9L248 499.2C232.8 487.1 224 468.7 224 449.2L224 262.6C224 247.7 227.5 233 234.1 219.7L290.3 107.3C298.7 90.6 315.8 80 334.6 80z"/></svg>');
}

.article-vote-down::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23CE4A12"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M448 96C474.5 96 496 117.5 496 144C496 150.3 494.7 156.2 492.6 161.7C513 167.2 528 185.8 528 208C528 217.1 525.4 225.6 521 232.9C543.2 237.1 560 256.6 560 280C560 299.7 548.1 316.6 531.1 324C548.1 331.4 560 348.3 560 368C560 394.5 538.5 416 512 416L352 416L380.2 486.4C382.7 492.7 384 499.5 384 506.3L384 510.5C384 537.8 361.9 559.9 334.6 559.9C315.9 559.9 298.8 549.3 290.4 532.6L234.1 420.3C227.4 407 224 392.3 224 377.4L224 190.8C224 171.4 232.9 153 248 140.8L260.2 131.1C288.6 108.4 323.8 96 360.1 96L448 96zM144 160C161.7 160 176 174.3 176 192L176 448C176 465.7 161.7 480 144 480L96 480C78.3 480 64 465.7 64 448L64 192C64 174.3 78.3 160 96 160L144 160z"/></svg>');
}

/**
 * Search result
 */
.search-result-desc {
  font-size: 90%;
}

.search-result-desc em {
  font-style: normal;
  font-weight: bold;
}

/**
 * Bubble input group (search form)
 */
.input-group-bubble {
  background-color: var(--gray-extra-light);
  border-radius: 50rem;
  margin-top: 0.5rem;
  max-width: 398px;
}

.input-group-bubble input[type=search] {
  border-right-color: transparent;
}

.input-group-bubble input[type=search]:focus {
  border-bottom-color: var(--gray-extra-light);
}

.input-group-bubble .input-group-append {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
  overflow: hidden;
}

.input-group-bubble .input-group-append .btn {
  border-radius: 50rem !important;
}

/* Enhanced behavior with JavaScript */
.input-group-bubble-js {
  border: 2px solid var(--gray-extra-light);
}

.input-group-bubble-js input[type=search] {
  background-color: transparent;
  border-color: transparent !important;
  transition: none !important;
}

.input-group-bubble-focus {
  background-color: #fff;
}

input[type=search].form-control-bubble {
  background-color: var(--gray-extra-light);
  border: 2px solid var(--gray-extra-light);
  border-radius: 50rem;
  color: #495057;
  padding-left: 1em;
  padding-right: 1em;
  transition: background-color 0.25s ease-in-out;
}

input[type=search].form-control-bubble:focus {
  background-color: #fff;
}

.form-dark input[type=search].form-control-bubble:focus {
  border-bottom-color: var(--gray-extra-light);
}

/**
 * Pagination
 */
.pagination ul {
  list-style: none;
  padding-left: 0;
}

.pagination ul > li {
  display: inline-block;
}

.pagination a,
.pagination span {
  color: #041662;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 40px;
}

.pagination a:hover,
.pagination a:active,
.pagination a:focus {
  background-color: #f0f5f7;
}

.pagination-current span {
  background-color: #041662;
  color: #fff;
}

/**
 * Recent articles
 */
.recent-articles {
  padding: 0;
}

.recent-articles h3 {
  font-size: 130%;
  margin-bottom: 1.2em;
  padding-bottom: 0.5rem;
}

.recent-articles ul {
  clear: left;
  list-style: none;
  padding-left: 0;
}

.recent-articles li {
  font-size: 90%;
  margin-bottom: 0.65em;
}

/**
 * Newsletter form
 */
.newsletter-form {
  height: 90px;
  max-width: 350px;
}


/**
 * Ask Iris button
 */

:root {
  --fmxe-color-cobalt-blue-core: #0735a8;
  --fmxe-color-electric-blue-core: #12afd7;
  --fmxe-color-orange: #ce4a12;
  --fmxe-font-family-figtree: "Figtree", serif;
  --fmxe-font-family-line-height-h5: 1.4375rem; /* 23px */
  --fmxe-font-family-weight-700: 700;
  --fmxe-font-family-size-h5: 1.0625rem; /* 17px */
  --fmxe-space-sm: 0.5rem; /* 8px */
  --fmxe-gradient-iris: linear-gradient(
    90deg,
    var(--fmxe-color-orange),
    var(--fmxe-color-cobalt-blue-core),
    var(--fmxe-color-electric-blue-core)
  );

  --button-light: #fff;
  --button-primary: var(--fmxe-color-orange);
  --button-speed: 150ms;
  --button-transparent: rgba(255, 255, 255, 0);
  --border-thickness: 0.125rem; /* 2px */
  --border-outline: 0.09375rem; /* 2px */
}

/* Button with border gradient effect */
.iris-button {
  display: inline-flex;
  padding: var(--border-thickness);
  border-radius: 99rem;
  background: var(--fmxe-gradient-iris);
  text-decoration: none;
  transition: outline var(--button-speed) ease-in-out;
  outline: var(--border-outline) solid var(--button-transparent);
  outline-offset: var(--border-thickness);
}

/* Inner wrapper */
.iris-button .inner {
  align-items: center;
  background-color: #fff;
  border-radius: inherit;
  display: flex;
  gap: var(--fmxe-space-sm);
  justify-content: center;
  padding: 0.375rem 0.5rem; /* Offset includes border  6px 8px */
}

/* Button text gradient */
.iris-button .label {
  background-image: var(--fmxe-gradient-iris);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--button-primary);
  display: block;
  font-family: var(--fmxe-font-family-figtree);
  font-size: var(--fmxe-font-family-size-h5);
  font-weight: var(--fmxe-font-family-weight-700);
  line-height: var(--fmxe-font-family-line-height-h5);
  position: relative;
  width: 100%;
  z-index: 1;
}

/* Button icon */
.iris-button .icon {
  display: block;
  background: var(--button-light) url(/hc/theming_assets/01KA966WRJ969NH4SRQR3T5Y14) no-repeat left 0 center /
    26px 26px;
  height: 26px;
  width: 40px;
}

/* Display outline on hover */
.iris-button:hover,
.iris-button:focus {
  outline-color: var(--fmxe-color-orange);
}
