/* Make the content full width */
/* .vp-article--wide :where(.article__content), .vp-article--wide h1 {
	max-width: 100%;
} */

/* .vp-article article {
  max-width: 100%;
} */

.vp-article {
  --_content-width: var(--content-width,1200px) !important;
}

/* Inline images in tables */
img[data-width="16"] {
  width: 16px !important;
}

img[data-width="18"] {
  width: 18px !important;
}

img[height="16"]
{
  height: 16px !important;
}

img[width="16"] {
  width:16px!important;
}

img[width="18"] {
  width:18px!important;
}

.vp-inline-image img {
  block-size: 0.5lh;
}

/* Fix for tick icon in ION feature tables */
td figure.confluence-thumbnail img[data-width="24"] {
	width: 24px !important;
	height: 24px !important;
}

/* Fix for misalignment issue (icons in OpCon docs) spotted 2023-01-18 */
li figure img {
  margin-top: 10px;
  margin-left: 7px;
}

/* iframe styling */
iframe {
    /* border: 1px solid rgb(223, 225, 230); */
    border: none;
}

/* Fix for wrong BG colour in code block in OAS */
.vp-js-openapi code {
	background-color: transparent;
}

/* Fix for long version picker (contents get squished) */
.vp-picker__menu__item {
  flex: 0 0 auto;
}

/* Fix for non-100% width tables (XSD Viewer) */
#main-content > .table-wrap {
  max-inline-size: 100%;
}

/***************************************************************************************/
/* New CSS for 2024-09 site update to match new nagra.vision site and brand guidelines */
.vp-banner {
  background-position-y: 40%;
}

/* Subset of fonts that are actually used */

@font-face { font-family: "HelveticaNeueLTStd"; src: url("/public/fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Lt.otf") format("opentype"); font-style: normal; font-weight: 300; }
@font-face { font-family: "HelveticaNeueLTStd"; src: url("/public/fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-LtIt.otf") format("opentype"); font-style: oblique; font-weight: 300; }
@font-face { font-family: "HelveticaNeueLTStd"; src: url("/public/fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Bd.otf") format("opentype"); font-style: normal; font-weight: 600; }
@font-face { font-family: "HelveticaNeueLTStd"; src: url("/public/fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-BdIt.otf") format("opentype"); font-style: oblique; font-weight: 600; }



:root {
  /* Always use your font with a fallback like serif or sans-serif */
  --vpt-theme-text-font: "HelveticaNeueLTStd", Arial, sans-serif;
  --vpt-theme-text-color: #67737A;
  --vpt-theme-primary-color: #009cdd;
  --vpt-theme-on-brand-color: #ffffff;
  --K15t-foreground-on-brand: #ffffff;
  --K15t-link: #009cdd;
  /* This doesn't seem to work: */
  /* --vpt-theme-container-width: 100%; */
  /* Colour for info panel */
  --K15t-background-information: rgba(0,156,221,0.15);
  /* Make header taller so there is compliant white space above and below logo (min 28px) */
  --vpt-theme-header-height: 103px;
}

h1 {
  color: #001e62;
}

/* To make the portal page title show up better against the background image */
h1.vp-banner-text {
	text-shadow: 0 0 20px black, 0 0 10px black, 0 0 5px black;
}

/* Add right margin to logo in header/footer so there is compliant white space (min 28px) */
/* It only needs to be 12px because there is already a 1rem gap between the <li>s. */
.header__navigation--logo {
  margin-right: 12px;
}

.footer__logo {
  margin-right: 28px !important;
}

/* End of new CSS for 2024-09 site update to match new nagra.vision site ***************/
/***************************************************************************************/