/*! The [main.css] stylesheet for Campaign Landing Pages */
:root {
  --magenta: #AE2573;
  --magenta-contrast: #FFF;
  --magenta-dark: #8A1B61;
  --magenta-dark-contrast: #FFF;
  --magenta-darker: #722257;
  --magenta-darker-contrast: #FFF;
  --magenta-darkest: #5E2751;
  --magenta-darkest-contrast: #FFF;
  --orange: #E87722;
  --orange-contrast: #301805;
  --orange-dark: #BA5826;
  --orange-dark-contrast: #FFF;
  --orange-darker: #8E4200;
  --orange-darker-contrast: #FFF;
  --yellow: #F6BE00;
  --yellow-contrast: #312600;
  --yellow-dark: #E49200;
  --yellow-dark-contrast: #2e1d00;
  --yellow-darker: #836400;
  --yellow-darker-contrast: #FFF;
  --lime: #78BE20;
  --lime-contrast: #182606;
  --lime-dark: #4C8C2B;
  --lime-dark-contrast: #FFF;
  --lime-darker: #255800;
  --lime-darker-contrast: #FFF;
  --green: #007749;
  --green-contrast: #FFF;
  --green-dark: #00573F;
  --green-dark-contrast: #FFF;
  --green-darker: #154734;
  --green-darker-contrast: #FFF;
  --cyan: #00AFD7;
  --cyan-contrast: #00232b;
  --cyan-dark: #0081A0;
  --cyan-dark-contrast: #FFF;
  --cyan-darker: #01525B;
  --cyan-darker-contrast: #FFF;
  --blue: #007DBA;
  --blue-contrast: #FFF;
  --blue-dark: #236192;
  --blue-dark-contrast: #FFF;
  --blue-darker: #01426A;
  --blue-darker-contrast: #FFF;
  --blue-darkest: #002B4A;
  --blue-darkest-contrast: #FFF;
  --purple-light: #a88ec6;
  --purple: #68478D;
  --purple-contrast: #FFF;
  --purple-dark: #3F2A56;
  --purple-dark-contrast: #FFF;
  --gray-lighter: #C1C7CE;
  --gray-lighter-contrast: #23282d;
  --gray-light: #999FA3;
  --gray-light-contrast: #1e2021;
  --gray: #8B9197;
  --gray-contrast: #1b1d1f;
  --gray-dark: #666F76;
  --gray-dark-contrast: #FFF;
  --gray-darker: #333F48;
  --gray-darker-contrast: #FFF;
  --gray-darkest: #1D252D;
  --gray-darkest-contrast: #FFF;
  --red: #A1224E;
  --red-contrast: #FFF;
  --white: #FFF;
  --magenta-subtle: #FFDDEB;
  --magenta-subtle-contrast: #8A1B61;
  --orange-subtle: #FFE1D0;
  --orange-subtle-contrast: #BA5826;
  --yellow-subtle: #F9E6BB;
  --yellow-subtle-contrast: #8A6A00;
  --lime-subtle: #D9F1C8;
  --lime-subtle-contrast: #255800;
  --green-subtle: #CCF3DD;
  --green-subtle-contrast: #00573F;
  --cyan-subtle: #C6F0FF;
  --cyan-subtle-contrast: #01525B;
  --blue-subtle: #D3ECFF;
  --blue-subtle-contrast: #01426A;
  --purple-subtle: #EEE2FF;
  --purple-subtle-contrast: #3F2A56;
  --gray-subtle: #E1E6EA;
  --gray-subtle-contrast: #333F48;
  --red-subtle: #FFDFDE;
  --red-subtle-contrast: #A1224E;
  --black-rgb: 0,15,26;
  --black-rgba: 0,15,26,0.8;
  --black-05: #F2F3F4;
  --black-10: #E6E7E8;
  --black-15: #D9DBDD;
  --black-20: #CCCFD1;
  --black-25: #BFC3C6;
  --black-45: #8C9398;
  --black-80: #333F48;
  --black-95: #0D1B25;
  --text-primary: rgba(var(--black-rgb), 0.87);
  --text-secondary: rgba(var(--black-rgb), 0.7);
  --text-tertiary: rgba(var(--black-rgb), 0.57);
  --background-0: var(--white);
  --background-1: var(--black-05);
  --background-2: var(--black-10);
  --background-3: var(--black-15);
  --background-4: var(--black-20);
  --border-0: var(--white);
  --border-1: var(--black-10);
  --border-2: var(--black-20);
  --border-3: var(--black-45);
  --border-4: var(--black-80);
  --link: var(--blue);
  --link-hover: var(--lime-dark);
  --link-visited: var(--purple);
  --color-info: var(--cyan);
  --color-info-contrast: var(--cyan-contrast);
  --color-success: var(--lime-dark);
  --color-success-contrast: var(--lime-dark-contrast);
  --color-warn: var(--yellow);
  --color-warn-contrast: var(--yellow-contrast);
  --color-error: var(--red);
  --color-error-contrast: var(--red-contrast);
  --color-info-subtle: var(--cyan-subtle);
  --color-info-subtle-contrast: var(--cyan-subtle-contrast);
  --color-success-subtle: var(--lime-subtle);
  --color-success-subtle-contrast: var(--lime-subtle-contrast);
  --color-warn-subtle: var(--yellow-subtle);
  --color-warn-subtle-contrast: var(--yellow-subtle-contrast);
  --color-error-subtle: var(--red-subtle);
  --color-error-subtle-contrast: var(--red-subtle-contrast);
  --color-primary: var(--blue);
  --color-primary-contrast: var(--blue-contrast);
  --color-secondary: var(--lime-dark);
  --color-secondary-contrast: var(--lime-dark-contrast);
  --color-tertiary: var(--orange);
  --color-tertiary-contrast: var(--orange-contrast);
  --color-primary-subtle: var(--blue-subtle);
  --color-primary-subtle-contrast: var(--blue-subtle-contrast);
  --color-secondary-subtle: var(--lime-subtle);
  --color-secondary-subtle-contrast: var(--lime-subtle-contrast);
  --color-tertiary-subtle: var(--orange-subtle);
  --color-tertiary-subtle-contrast: var(--orange-subtle-contrast);
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --easing-emphasized: var(--easing-standard);
  --easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --easing: var(--easing-emphasized);
  --easing-decelerate: var(--easing-emphasized-decelerate);
  --easing-accelerate: var(--easing-emphasized-accelerate);
  --shadow-0: rgba(var(--black-rgb), 0) 0 1px 1px -1px,
              rgba(var(--black-rgb),0)   0 1px 1px 0,
              rgba(var(--black-rgb),0)   0 1px 1px 0;
  --shadow-1: rgba(var(--black-rgb), 0.2) 0 2px 1px -1px,
              rgba(var(--black-rgb),.14) 0 1px 1px 0,
              rgba(var(--black-rgb),.12) 0 1px 3px 0;
  --shadow-2: rgba(var(--black-rgb), 0.2) 0 3px 3px -2px,
              rgba(var(--black-rgb),.14) 0 3px 4px 0,
              rgba(var(--black-rgb),.12) 0 1px 8px 0;
  --shadow-3: rgba(var(--black-rgb), 0.2) 0 3px 5px -1px,
              rgba(var(--black-rgb),.14) 0 6px 10px 0,
              rgba(var(--black-rgb),.12) 0 1px 18px 0;
  --shadow-4: rgba(var(--black-rgb), 0.2) 0 5px 5px -3px,
              rgba(var(--black-rgb),.14) 0 8px 10px 1px,
              rgba(var(--black-rgb),.12) 0 3px 14px 2px;
  --shadow-5: rgba(var(--black-rgb), 0.2) 0 7px 8px -4px,
              rgba(var(--black-rgb),.14) 0 12px 17px 2px,
              rgba(var(--black-rgb),.12) 0 5px 22px 4px;
  --border-radius: 0;
  --font-family-sans-serif: Arial, Helvetica, "Arial Unicode MS", sans-serif;
  --font-family-monospace: "SF Mono", "Cascadia Code", "Menlo", "Consolas", "Monaco", "Andale Mono", "Lucida Sans Typewriter", "Courier New", Courier, monospace;
  --font-family-graphik: 'Graphik Web', 'Graphik', var(--font-family-sans-serif);
  --font-family-gotham-rounded: 'Gotham Rounded', 'Gotham Rounded A', 'Gotham Rounded B', var(--font-family-graphik);
  --font-family-lato: "Lato", var(--font-family-sans-serif);
  --font-family-stencil: "OCLC Stencil", var(--font-family-sans-serif);
  --size-base: 16px;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.3125rem;
  --font-size-2x: 1.5rem;
  --font-size-3x: 1.75rem;
  --font-size-4x: 2rem;
  --font-size-5x: 2.5rem;
  --font-size-6x: 3rem;
  --font-size-7x: 3.5rem;
  --font-size-8x: 4rem;
  --font-size-9x: 5rem;
  --line-height-xs: 1;
  --line-height-sm: 1.25;
  --line-height-md: 1.5;
  --line-height-lg: 1.75;
  --font-family-base: var(--font-family-graphik);
  --font-family-accent: var(--font-family-graphik);
  --auto-letter-spacing: clamp(-0.025em, calc(0.025rem - 0.025em), 0.03125em);
  --page-width: 60rem;
  --page-edge-width: 0.625rem;
}
@media (prefers-contrast: more) {
  :root {
    --text-primary: rgba(var(--black-rgb), 0.96);
    --text-secondary: rgba(var(--black-rgb), 0.72);
    --text-tertiary: rgba(var(--black-rgb), 0.6);
    --border-0: var(--white);
    --border-1: var(--black-20);
    --border-2: var(--black-45);
    --border-3: var(--black-80);
    --border-4: var(--black-95);
  }
}
.material-symbols {
  font-family: "Material Symbols", "Material Symbols Outlined", "Material Symbols Rounded";
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
}
.material-symbols,
.material-symbols-outlined,
.material-symbols-rounded {
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
/* fonts.less */
@font-face {
  font-family: 'OCLC Stencil';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/oclcstencil_largeformat-regular-webfont.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/oclcstencil_largeformat-regular-webfont.woff2') format('woff2'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/oclcstencil_largeformat-regular-webfont.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/oclcstencil_largeformat-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Thin-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Thin-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Thin-Web.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-ThinItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-ThinItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-ThinItalic-Web.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Extralight-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Extralight-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Extralight-Web.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-ExtralightItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-ExtralightItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-ExtralightItalic-Web.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Light-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Light-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Light-Web.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-LightItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-LightItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-LightItalic-Web.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Regular-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Regular-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Regular-Web.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-RegularItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-RegularItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-RegularItalic-Web.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Medium-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Medium-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Medium-Web.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-MediumItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-MediumItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-MediumItalic-Web.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Semibold-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Semibold-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Semibold-Web.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-SemiboldItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-SemiboldItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-SemiboldItalic-Web.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Bold-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Bold-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Bold-Web.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-BoldItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-BoldItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-BoldItalic-Web.woff') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Black-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Black-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Black-Web.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-BlackItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-BlackItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-BlackItalic-Web.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Super-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Super-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-Super-Web.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-SuperItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-SuperItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Graphik-SuperItalic-Web.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Light.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-LightIta.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-LightIta.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Book.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-BookIta.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-BookIta.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Medium.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-MedIta.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-MedIta.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Bold.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-BoldIta.otf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/GothamRnd-BoldIta.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Thin.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-ThinItalic.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Light.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-LightItalic.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Regular.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Italic.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Bold.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-BoldItalic.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Black.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-BlackItalic.ttf');
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/Lato-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Material Symbols';
  font-style: normal;
  font-weight: 400;
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/material-symbols-outlined--wght-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/material-symbols-outlined.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url('/apps/settings/wcm/designs/oclc/clientlibs/clientlib-base/resources/fonts/material-symbols-rounded.woff2') format('woff2');
}
/*! START {component-textimage.less} */
.image.section {
  overflow: hidden;
}
.image .figure-stack-image img ~ div,
.textimage .figure-stack-image img ~ div,
.image .figure-stack-image a ~ div,
.textimage .figure-stack-image a ~ div,
.image .img-caption,
.textimage .img-caption,
.image .img-attribution,
.textimage .img-attribution {
  margin-block-start: 0.25rem;
}
.image .figure-stack-image img ~ div,
.textimage .figure-stack-image img ~ div,
.image .figure-stack-image a ~ div,
.textimage .figure-stack-image a ~ div,
.image .img-caption,
.textimage .img-caption {
  font-size: var(--font-size-sm);
}
.image .figure-stack-image > a > img,
.textimage .figure-stack-image > a > img {
  min-height: 1.25rem;
  min-width: 1.25rem;
}
.image .img-attribution,
.textimage .img-attribution {
  font-size: var(--font-size-xs);
  letter-spacing: 0.01em;
  --link: var(--text-primary);
  --link-hover: var(--text-secondary);
  --link-visited: var(--text-primary);
}
.image .img-caption + .img-attribution,
.textimage .img-caption + .img-attribution {
  margin-block-start: 0.125rem;
}
.image.parbase .image,
.textimage.parbase .image {
  float: left;
  margin: 0 1rem 1rem 0;
}
.image.parbase .figure-stack-image,
.textimage.parbase .figure-stack-image {
  display: table;
}
.image.parbase .figure-stack-image > img,
.textimage.parbase .figure-stack-image > img {
  vertical-align: bottom;
}
.image.parbase .figure-stack-image img,
.textimage.parbase .figure-stack-image img,
.image.parbase .figure-stack-image img ~ div,
.textimage.parbase .figure-stack-image img ~ div,
.image.parbase .figure-stack-image a ~ div,
.textimage.parbase .figure-stack-image a ~ div,
.image.parbase .figure-stack-image figcaption,
.textimage.parbase .figure-stack-image figcaption {
  display: table-caption;
  caption-side: bottom;
}
.image.parbase .figure-stack-image > br,
.textimage.parbase .figure-stack-image > br {
  display: none;
}
.image.parbase > .img-flt-left,
.textimage.parbase > .img-flt-left,
.image.parbase > .img-flt-left-nobrdr,
.textimage.parbase > .img-flt-left-nobrdr {
  float: left;
  margin: 0 1rem 1rem 0;
}
.image.parbase > .img-flt-left .figure-stack-image,
.textimage.parbase > .img-flt-left .figure-stack-image,
.image.parbase > .img-flt-left-nobrdr .figure-stack-image,
.textimage.parbase > .img-flt-left-nobrdr .figure-stack-image {
  text-align: start;
}
.image.parbase > .img-flt-right,
.textimage.parbase > .img-flt-right,
.image.parbase > .img-flt-right-nobrdr,
.textimage.parbase > .img-flt-right-nobrdr {
  float: right;
  margin: 0 0 1rem 1rem;
}
.image.parbase > .img-flt-right .figure-stack-image,
.textimage.parbase > .img-flt-right .figure-stack-image,
.image.parbase > .img-flt-right-nobrdr .figure-stack-image,
.textimage.parbase > .img-flt-right-nobrdr .figure-stack-image {
  text-align: end;
}
.image.parbase > .img-center-withbrdr,
.textimage.parbase > .img-center-withbrdr,
.image.parbase > .img-center-nobrdr,
.textimage.parbase > .img-center-nobrdr {
  float: none;
  margin: 0 auto 1rem;
}
.image.parbase > .img-center-withbrdr .figure-stack-image,
.textimage.parbase > .img-center-withbrdr .figure-stack-image,
.image.parbase > .img-center-nobrdr .figure-stack-image,
.textimage.parbase > .img-center-nobrdr .figure-stack-image {
  text-align: center;
  margin: 0 auto;
}
.image.parbase .img-border img,
.textimage.parbase .img-border img,
.image.parbase .img-flt-left img,
.textimage.parbase .img-flt-left img,
.image.parbase .img-flt-right img,
.textimage.parbase .img-flt-right img,
.image.parbase .img-center-withbrdr img,
.textimage.parbase .img-center-withbrdr img {
  border: 1px solid var(--border-2);
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: var(--background-0);
}
.image.parbase .img-nobrdr img,
.textimage.parbase .img-nobrdr img,
.image.parbase .img-flt-left-nobrdr img,
.textimage.parbase .img-flt-left-nobrdr img,
.image.parbase .img-flt-right-nobrdr img,
.textimage.parbase .img-flt-right-nobrdr img,
.image.parbase .img-center-nobrdr img,
.textimage.parbase .img-center-nobrdr img {
  border: none;
  padding: 0;
  border-radius: 0;
  background: none;
}
.text.parbase .img-flt-left,
.text.parbase .img-flt-left-nobrdr {
  float: left;
  margin: 0 1rem 1rem 0;
}
.text.parbase .img-flt-right,
.text.parbase .img-flt-right-nobrdr {
  float: right;
  margin: 0 0 1rem 1rem;
}
.text.parbase .img-flt-left,
.text.parbase .img-flt-right {
  border: 1px solid var(--border-2);
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: var(--background-0);
}
.text.parbase img.img-nobrdr,
.text.parbase .img-nobrdr img,
.textimage.parbase .text img.img-nobrdr,
.textimage.parbase .text .img-nobrdr img {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
.parbase.textimage ul,
.parbase.textimage.image_left ul {
  position: relative;
  margin: 0 1.5rem 1rem 0;
  overflow: auto;
}
.parbase.textimage ul li,
.parbase.textimage.image_left ul li {
  list-style-type: disc;
  margin-inline-start: 1.5rem;
}
.parbase.textimage .image .parbase.textimage.image_left .image {
  float: left;
  clear: left;
}
.image_right.parbase.textimage .image {
  float: right;
  clear: right;
}
/*! END {component-textimage.less} */
/* User selectable styles for RTE. */
.text-wrap-normal {
  text-wrap: wrap;
}
/* Research Text Styles for homepage Colored Highlight Boxes and Activity Highlight box */
span.text-hbox-hdr-demo {
  font-size: var(--font-size-sm);
  font-weight: bold;
  color: #fff;
  padding: 5px 0 5px 32px;
  background: url(images/activity-icon-demo.png) no-repeat 0 0;
  height: 26px;
  border-block-end: 1px dotted #fff;
  margin-block-end: 10px;
  display: block;
}
span.text-hbox-text-white {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
}
span.text-hbox-text-demo {
  font-size: 12px;
  color: #fff;
  line-height: 18px;
}
span.text-hbox-call-white {
  font-size: 11px;
  color: #fff;
  font-style: italic;
  line-height: 18px;
}
span.text-hbox-text-white a {
  color: #fff;
  text-decoration: underline;
}
span.text-hbox-text-demo a {
  color: #fff;
}
span.text-hbox-call-white a {
  color: #fff;
  text-transform: lowercase;
}
span.text-hbox-phrase-white {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}
.next-steps,
.next-steps-rss {
  margin: 0;
  padding: 0;
}
table.text-quicklinks,
table.text-activitydef {
  margin: 0;
  padding: 0;
  border: none;
}
.res-home-news,
.res-home-activities,
.res-home-publications,
.res-activities {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Research Activities Alerts - .act-alert still in main.css*/
.act-alert.alert-green {
  background: #eaf8e8;
  border: solid 1px #cfe8ce;
  color: var(--green);
}
.act-alert.alert-red {
  background: #ffe7e7;
  border: solid 1px #fdcdcb;
  color: #cd1013;
}
.act-alert.alert-yellow {
  background: #fffdd6;
  border: solid 1px #fdefa1;
  color: #6b6538;
}
.act-alert.alert-orange {
  background: var(--orange-subtle);
  border: solid 1px #ffd6b2;
  color: #6b5838;
}
.act-alert.alert-fuschia {
  background: var(--magenta-subtle);
  border: solid 1px #e5c1d4;
  color: var(--magenta);
}
.act-alert.alert-blue {
  background: var(--blue-subtle);
  border: solid 1px #bcd6e9;
  color: #034ea2;
}
.act-alert.alert-violet {
  background: #e7e4ef;
  border: solid 1px #cfc8df;
  color: var(--purple);
}
.act-alert.alert-teal {
  background: #d9eeef;
  border: solid 1px #b2dcdf;
  color: #00676f;
}
.act-alert.alert-gray {
  background: #e3e6e7;
  border: solid 1px var(--border-2);
  color: #37434c;
}
/* Above the Fold */
span.atf-quote {
  color: #c95000;
  padding: 0 0 0 15px;
  display: block;
  border-inline-start: 2px solid #FFEDDE;
}
span.atf-source {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}
span.text-small {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
span.text-large {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-primary {
  color: var(--text-primary);
}
.text-secondary {
  color: var(--text-secondary);
}
.text-tertiary {
  color: var(--text-tertiary);
}
.text-xs {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-sm {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-md {
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-lg {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-xl {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-2x {
  font-size: var(--font-size-2x);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
.text-3x {
  font-size: var(--font-size-3x);
  line-height: var(--line-height-md);
  letter-spacing: var(--auto-letter-spacing);
}
span.footnote {
  font-style: italic;
  color: var(--text-secondary);
}
span.text-strike {
  color: var(--text-secondary);
  text-decoration: line-through;
}
span.text-gray,
table.mailspecial h2 span.text-gray {
  color: var(--gray-darker);
}
span.text-green,
table.mailspecial h2 span.text-green {
  color: var(--lime-dark);
}
span.text-orange,
table.mailspecial h2 span.text-orange {
  color: var(--orange-dark);
}
span.text-purple,
table.mailspecial h2 span.text-violet {
  color: var(--purple);
}
span.text-fuchsia,
table.mailspecial h2 span.text-fuchsia {
  color: var(--magenta);
}
span.text-blue,
table.mailspecial h2 span.text-blue {
  color: var(--blue);
}
span.text-teal,
table.mailspecial h2 span.text-teal {
  color: #008b96;
}
span.text-caption {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-md);
  color: var(--text-secondary);
}
/* OCLC.org */
span.text-pageintro {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  border-block-end: 1px dotted var(--border-3);
  display: block;
  padding: 0 0 1rem 0;
}
span.photo-credit {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  margin: -2px 0 0 0;
  display: block;
}
/* Links that look like buttons */
span.link-btn,
span.link-btn-blue,
span.link-btn-green,
span.link-btn-lightgray,
span.link-btn-violet,
span.link-btn-fuchsia,
span.link-btn-magenta,
span.link-btn-gray,
span.link-btn-teal,
span.link-btn-red,
span.link-btn-navy,
span.link-btn-orange {
  --link-btn-color: var(--color-primary);
  --link-btn-color-contrast: var(--color-primary-contrast);
  --link-btn-color-hover: var(--link-btn-color-contrast);
  display: inline-flex;
}
span.link-btn a,
span.link-btn-blue a,
span.link-btn-green a,
span.link-btn-lightgray a,
span.link-btn-violet a,
span.link-btn-fuchsia a,
span.link-btn-magenta a,
span.link-btn-gray a,
span.link-btn-teal a,
span.link-btn-red a,
span.link-btn-navy a,
span.link-btn-orange a {
  font-size: var(--font-size-md);
  line-height: var(--line-height-sm);
  font-weight: 600;
  display: inline-block;
  background: var(--link-btn-color);
  color: var(--link-btn-color-contrast);
  text-decoration: none;
  text-align: center;
  padding: 0.75em 1em;
  border-radius: var(--border-radius);
  overflow: hidden;
  position: relative;
}
span.link-btn a::after,
span.link-btn-blue a::after,
span.link-btn-green a::after,
span.link-btn-lightgray a::after,
span.link-btn-violet a::after,
span.link-btn-fuchsia a::after,
span.link-btn-magenta a::after,
span.link-btn-gray a::after,
span.link-btn-teal a::after,
span.link-btn-red a::after,
span.link-btn-navy a::after,
span.link-btn-orange a::after {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: 0;
  opacity: 0;
  background: var(--link-btn-color-hover);
  transition: opacity 50ms ease-in-out;
}
span.link-btn a:hover::after,
span.link-btn-blue a:hover::after,
span.link-btn-green a:hover::after,
span.link-btn-lightgray a:hover::after,
span.link-btn-violet a:hover::after,
span.link-btn-fuchsia a:hover::after,
span.link-btn-magenta a:hover::after,
span.link-btn-gray a:hover::after,
span.link-btn-teal a:hover::after,
span.link-btn-red a:hover::after,
span.link-btn-navy a:hover::after,
span.link-btn-orange a:hover::after,
span.link-btn a:focus::after,
span.link-btn-blue a:focus::after,
span.link-btn-green a:focus::after,
span.link-btn-lightgray a:focus::after,
span.link-btn-violet a:focus::after,
span.link-btn-fuchsia a:focus::after,
span.link-btn-magenta a:focus::after,
span.link-btn-gray a:focus::after,
span.link-btn-teal a:focus::after,
span.link-btn-red a:focus::after,
span.link-btn-navy a:focus::after,
span.link-btn-orange a:focus::after {
  opacity: 0.2;
}
span.link-btn a:active::after,
span.link-btn-blue a:active::after,
span.link-btn-green a:active::after,
span.link-btn-lightgray a:active::after,
span.link-btn-violet a:active::after,
span.link-btn-fuchsia a:active::after,
span.link-btn-magenta a:active::after,
span.link-btn-gray a:active::after,
span.link-btn-teal a:active::after,
span.link-btn-red a:active::after,
span.link-btn-navy a:active::after,
span.link-btn-orange a:active::after {
  opacity: 0.3;
}
span.link-btn-xs a {
  font-size: var(--font-size-xs) !important;
}
span.link-btn-sm a {
  font-size: var(--font-size-sm) !important;
}
span.link-btn-md a {
  font-size: var(--font-size-md) !important;
}
span.link-btn-lg a {
  font-size: var(--font-size-lg) !important;
}
span.link-btn-xl a {
  font-size: var(--font-size-xl) !important;
}
span.link-btn-2x a {
  font-size: var(--font-size-2x) !important;
}
span.link-btn-outline a {
  --link-btn-color-hover: var(--link-btn-color);
  background: none;
  box-shadow: inset 0 0 0 4px var(--link-btn-color);
  color: var(--link-btn-color-safe, var(--link-btn-color));
}
span.link-btn-text a {
  --link-btn-color-hover: var(--link-btn-color);
  background: none;
  color: var(--link-btn-color-safe, var(--link-btn-color));
}
span.link-btn-primary {
  --link-btn-color: var(--color-primary);
  --link-btn-color-safe: var(--color-primary-subtle-contrast);
  --link-btn-color-contrast: var(--color-primary-contrast);
}
span.link-btn-secondary {
  --link-btn-color: var(--color-secondary);
  --link-btn-color-safe: var(--color-secondary-subtle-contrast);
  --link-btn-color-contrast: var(--color-secondary-contrast);
}
span.link-btn-tertiary {
  --link-btn-color: var(--color-tertiary);
  --link-btn-color-safe: var(--color-tertiary-subtle-contrast);
  --link-btn-color-contrast: var(--color-tertiary-contrast);
}
span.link-btn-info {
  --link-btn-color: var(--color-info);
  --link-btn-color-contrast: var(--color-info-contrast);
}
span.link-btn-success {
  --link-btn-color: var(--color-success);
  --link-btn-color-contrast: var(--color-success-contrast);
}
span.link-btn-error {
  --link-btn-color: var(--color-error);
  --link-btn-color-contrast: var(--color-error-contrast);
}
span.link-btn-fuchsia,
span.link-btn-magenta {
  --link-btn-color: var(--magenta);
  --link-btn-color-contrast: var(--magenta-contrast);
}
span.link-btn-orange {
  --link-btn-color: var(--orange);
  --link-btn-color-safe: var(--orange-dark);
  --link-btn-color-contrast: var(--orange-contrast);
}
span.link-btn-yellow {
  --link-btn-color: var(--yellow);
  --link-btn-color-safe: var(--yellow-darker);
  --link-btn-color-contrast: var(--yellow-contrast);
}
span.link-btn-lime {
  --link-btn-color: var(--lime);
  --link-btn-color-safe: var(--lime-darker);
  --link-btn-color-contrast: var(--lime-contrast);
}
span.link-btn-teal,
span.link-btn-lime-dark {
  --link-btn-color: var(--lime-dark);
  --link-btn-color-safe: var(--lime-darker);
  --link-btn-color-contrast: var(--lime-dark-contrast);
}
span.link-btn-green {
  --link-btn-color: var(--green);
  --link-btn-color-contrast: var(--green-contrast);
}
span.link-btn-green-dark {
  --link-btn-color: var(--green-dark);
  --link-btn-color-contrast: var(--green-dark-contrast);
}
span.link-btn-cyan {
  --link-btn-color: var(--cyan);
  --link-btn-color-safe: var(--cyan-dark);
  --link-btn-color-contrast: var(--cyan-contrast);
}
span.link-btn-blue {
  --link-btn-color: var(--blue);
  --link-btn-color-contrast: var(--blue-contrast);
}
span.link-btn-blue-dark {
  --link-btn-color: var(--blue-dark);
  --link-btn-color-contrast: var(--blue-dark-contrast);
}
span.link-btn-navy,
span.link-btn-blue-darker {
  --link-btn-color: var(--blue-darker);
  --link-btn-color-contrast: var(--blue-darker-contrast);
}
span.link-btn-violet,
span.link-btn-purple {
  --link-btn-color: var(--purple);
  --link-btn-color-contrast: var(--purple-contrast);
}
span.link-btn-red {
  --link-btn-color: var(--red);
  --link-btn-color-contrast: var(--red-contrast);
}
span.link-btn-lightgray {
  --link-btn-color: var(--background-4);
  --link-btn-color-safe: var(--text-secondary);
  --link-btn-color-contrast: var(--text-primary);
}
span.link-btn-gray-light {
  --link-btn-color: var(--gray-light);
  --link-btn-color-contrast: var(--gray-light-contrast);
}
span.link-btn-gray,
span.link-btn-gray-darker {
  --link-btn-color: var(--gray-darker);
  --link-btn-color-contrast: var(--gray-darker-contrast);
}
span.link-btn-gray-dark {
  --link-btn-color: var(--gray-dark);
  --link-btn-color-contrast: var(--gray-dark-contrast);
}
span.link-btn-white {
  --link-btn-color: var(--white);
  --link-btn-color-safe: var(--white);
  --link-btn-color-contrast: var(--text-primary);
}
span.link-lead a,
p.morelink a {
  background: url(/apps/settings/wcm/designs/oclc/images/link-lead.png) 0 0 no-repeat;
  padding: 0 0 0 21px;
  display: inline-block;
  line-height: 18px;
}
span.small-gray-link a {
  color: var(--text-primary);
  font-size: var(--font-size-xs);
  line-height: 17px;
}
span.small-gray-link a:hover {
  color: var(--gray-darkest);
}
.sidebar-header {
  border-block-end: 1px dotted var(--border-3);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  font-weight: bold;
  line-height: 16px;
  margin: 0 0 9px;
  padding: 0 0 6px;
  text-transform: none;
  display: block;
  font-family: var(--font-family-base);
  letter-spacing: 0;
}
/* WebJunction Styles */
/* List Styles */
.wj-topic-popular {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.simple-list,
.simple-list.small,
.simple-list.links,
.quicklinks,
.quicklinks.tags,
.wj-prog-sponsors,
.proj-schedule {
  margin: 0;
  padding: 0;
}
.list-wj-news {
  border-block-start: 1px dotted var(--border-3);
  padding-block-start: 10px;
}
/* Span Styles */
.link-more a {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}
.link-more a:hover {
  color: var(--text-primary);
}
.seealso-title {
  font-weight: bold;
  padding: 0;
  margin: 0;
  display: block;
}
.seealso-date {
  font-size: var(--font-size-xs);
  margin: 0;
  line-height: 15px;
  display: block;
}
.seealso-details {
  color: var(--text-secondary);
  padding: 3px 0 0 0;
  margin: 0;
  line-height: 18px;
  display: block;
  color: var(--text-primary);
}
.seealso-url {
  padding: 5px 0 0 0;
  margin: 0;
  display: block;
}
.seealso-url a {
  font-size: 12px;
  font-weight: normal;
  color: var(--text-secondary);
  text-decoration: none;
}
.seealso-url a:visited {
  color: var(--text-secondary);
  text-decoration: none;
}
.seealso-url a:hover {
  color: var(--link-hover);
  text-decoration: underline;
}
.arrowbox-link {
  display: block;
  background: url(/apps/settings/wcm/designs/oclc/oclc-webjunction-v2/images/quicklinks-arrow.png) no-repeat 0 6px;
  padding: 4px 0 0 16px;
  font-size: var(--font-size-xs);
  line-height: 18px;
  text-decoration: underline;
  margin: 4px 0 0 0;
  color: var(--link);
}
/* Base layout */
html {
  font-size: var(--size-base);
  padding-block-start: 32px;
  background-color: var(--background-0);
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_default.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 32px;
  scroll-behavior: smooth;
  overflow-y: scroll;
}
/* base-layout.less -----*/
.grid {
  width: 100%;
  max-width: 960px;
  height: 2000px;
  position: absolute;
  margin: 0 auto;
  background: url(/apps/settings/wcm/designs/oclc/images/grid.png) repeat-y;
}
.clear {
  clear: both;
}
.ir {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: none;
}
.hidden-all {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.invisible {
  visibility: hidden;
}
.mod::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
img,
object,
embed {
  max-width: 100%;
  box-sizing: border-box;
}
img::selection {
  background: transparent;
}
html.theme-blue {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_blue.png');
}
html.theme-green {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_green.png');
}
html.theme-magenta,
html.theme-fuchsia {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_magenta.png');
}
html.theme-magenta-yellow {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_ltmagenta_yellow.png');
}
html.theme-magenta-orange {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_magenta_orange.png');
}
html.theme-magenta-blue {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_ltmagenta_ltblue.png');
}
html.theme-orange-yellow,
html.theme-orange {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_orange_yellow.png');
}
html.theme-grey {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_grey.png');
}
html.theme-blue-yellow {
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/landingpg_tribar_blue_yellow.png');
}
body {
  padding: 0;
  font-family: var(--font-family-base);
  color: var(--text-primary);
}
div.wrapper {
  background: var(--background-0);
  padding: 24px;
  margin: 0 auto;
  max-width: 1280px;
}
@media screen and (max-width: 575.98px) {
  html {
    background-size: 100% 18px;
  }
}
/* Page level fixes */
body:lang(de),
body:lang(nl) {
  overflow-wrap: break-word;
}
/* Header */
header.lpage-logo {
  margin: 14px 0 24px 0;
  width: 100%;
}
header.lpage-logo .header_logo,
header.lpage-logo .header_logo .globallogo {
  clear: both;
  display: table;
  content: " ";
}
header.lpage-logo .header_logo .globallogo {
  max-width: 120px;
}
header.lpage-logo .section {
  margin: 0;
}
header.lpage-logo img {
  float: left;
  height: auto;
}
/* Column controls */
/* base-layout.less -------------*/
div.par {
  clear: both;
}
div.parsys_column {
  height: 100%;
  width: 100%;
  float: left;
  border: 0;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
div.parsys_column .section {
  width: 100%;
}
/* component-columns.less -------------*/
div.parsyscolumncontrol {
  width: 100%;
}
div.parsyscolumncontrol::after {
  content: '';
  display: block;
  clear: both;
}
div.parsyscolumncontrol .cq-colctrl-default {
  width: 100%;
}
div.parsyscolumncontrol.section {
  overflow: visible;
  margin-block-end: 1.25rem;
}
div.parsyscolumncontrol.section .parsys_column {
  margin-block-end: 0;
}
/* 2 columns, 50/50 */
div.parsyscolumncontrol .cq-colctrl-lt0-c0 {
  width: 50%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt0-c1 {
  width: 50%;
  padding-inline-start: 2%;
}
/* 2 columns, 33/67 */
div.parsyscolumncontrol .cq-colctrl-lt1-c0 {
  width: 33%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt1-c1 {
  width: 67%;
  padding-inline-start: 2%;
}
/* 2 columns, 67/33 */
div.parsyscolumncontrol .cq-colctrl-lt2-r-c0 {
  width: 67%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2-r-c1 {
  width: 33%;
  padding-inline-start: 2%;
}
/* 2 columns, 75/25 */
div.parsyscolumncontrol .cq-colctrl-lt5-c0 {
  width: 74.5%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt5-c1 {
  width: 25.5%;
  padding-inline-start: 2%;
}
/* 2 columns, 25/75 */
div.parsyscolumncontrol .cq-colctrl-lt6-c0 {
  width: 25%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt6-c1 {
  width: 75%;
  padding-inline-start: 2%;
}
/* 3 columns, 33/33/33 */
div.parsyscolumncontrol .cq-colctrl-lt2-c0,
div.parsyscolumncontrol .cq-colctrl-lt2-c1,
div.parsyscolumncontrol .cq-colctrl-lt2-c2 {
  width: 33.3%;
}
div.parsyscolumncontrol .cq-colctrl-lt2-c0,
div.parsyscolumncontrol .cq-colctrl-lt2-c1 {
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2-c1,
div.parsyscolumncontrol .cq-colctrl-lt2-c2 {
  padding-inline-start: 2%;
}
/* 3 columns, 50/25/25 */
div.parsyscolumncontrol .cq-colctrl-lt3-c0 {
  width: 50%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt3-c1 {
  width: 25%;
  padding-inline: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt3-c2 {
  padding-inline-start: 2%;
  width: 25%;
}
/* 3 columns, 40/40/20 */
div.parsyscolumncontrol .cq-colctrl-lt2a-c0 {
  width: 38.5%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2a-c1 {
  width: 38.5%;
  padding-inline: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2a-c2 {
  padding-inline-start: 2%;
  width: 23%;
}
/* 3 columns, 42/33/25 */
div.parsyscolumncontrol .cq-colctrl-lt7-c0 {
  width: 40.5%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt7-c1 {
  width: 34%;
  padding-inline: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt7-c2 {
  padding-inline-start: 2%;
  width: 25.5%;
}
/* 4 columns, 25/25/25/25 */
div.parsyscolumncontrol .cq-colctrl-lt4-c0 {
  width: 25%;
  padding-inline-end: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt4-c1 {
  width: 25%;
  padding-inline: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt4-c2 {
  width: 25%;
  padding-inline: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt4-c3 {
  width: 25%;
  padding-inline-start: 2%;
}
/* Nested columns styles */
div.parsyscolumntrol div.parsyscolumncontrol .parsys {
  padding: 0 0 0 10px !important;
}
/* 1 Column at fixed-width Centered */
div.parsyscolumncontrol .cq-colctrl-1-fc {
  width: 100%;
  max-width: var(--page-width);
  margin: 0 auto;
  float: none;
}
/* responsive-phone.less -------------*/
@media screen and (max-width: 991.98px) {
  div.parsys_column {
    float: none;
    width: auto !important;
  }
  div.parsyscolumncontrol .cq-colctrl-default .parsys_column > .parsys {
    padding: 0;
  }
  div.parsyscolumncontrol .cq-colctrl-lt0-c0,
  div.parsyscolumncontrol .cq-colctrl-lt0-c1,
  div.parsyscolumncontrol .cq-colctrl-lt1-c0,
  div.parsyscolumncontrol .cq-colctrl-lt1-c1,
  div.parsyscolumncontrol .cq-colctrl-lt2-r-c0,
  div.parsyscolumncontrol .cq-colctrl-lt2-r-c1,
  div.parsyscolumncontrol .cq-colctrl-lt5-c0,
  div.parsyscolumncontrol .cq-colctrl-lt5-c1,
  div.parsyscolumncontrol .cq-colctrl-lt6-c0,
  div.parsyscolumncontrol .cq-colctrl-lt6-c1,
  div.parsyscolumncontrol .cq-colctrl-lt2-c0,
  div.parsyscolumncontrol .cq-colctrl-lt2-c1,
  div.parsyscolumncontrol .cq-colctrl-lt2-c2,
  div.parsyscolumncontrol .cq-colctrl-lt3-c0,
  div.parsyscolumncontrol .cq-colctrl-lt3-c1,
  div.parsyscolumncontrol .cq-colctrl-lt3-c2,
  div.parsyscolumncontrol .cq-colctrl-lt2a-c0,
  div.parsyscolumncontrol .cq-colctrl-lt2a-c1,
  div.parsyscolumncontrol .cq-colctrl-lt2a-c2,
  div.parsyscolumncontrol .cq-colctrl-lt7-c0,
  div.parsyscolumncontrol .cq-colctrl-lt7-c1,
  div.parsyscolumncontrol .cq-colctrl-lt4-c0,
  div.parsyscolumncontrol .cq-colctrl-lt4-c1,
  div.parsyscolumncontrol .cq-colctrl-lt4-c2,
  div.parsyscolumncontrol .cq-colctrl-lt4-c3 {
    padding: 0;
  }
  div.parsyscolumncontrol.section .parsys_column {
    margin-block-end: 2em;
  }
}
/* Content */
/* Headlines and text */
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-primary);
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
table th,
table td {
  color: var(--text-primary);
  text-rendering: optimizelegibility;
  font-weight: normal;
}
strong,
h2,
h3,
h4 {
  font-weight: bold;
}
h1 {
  margin: 0 0 1.25rem 0;
  font-weight: 300;
}
h2 {
  margin: 0 0 1.25rem 0;
}
.hbox h2 {
  margin-block-end: 2rem;
}
h3,
h4 {
  margin: 0 0 1rem 0;
}
h5,
h6 {
  margin: 0 0 0.75rem 0;
}
h1 {
  font-size: 60px;
  line-height: var(--line-height-sm);
  letter-spacing: -0.5px;
}
h2 {
  font-size: 36px;
  line-height: var(--line-height-sm);
}
h3 {
  font-size: var(--font-size-2x);
  line-height: var(--line-height-sm);
}
h4 {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-sm);
}
h3,
h5 {
  text-transform: uppercase;
}
h5,
h6 {
  font-weight: 600;
  font-size: var(--font-size-lg);
}
h5,
h6 {
  color: var(--text-secondary);
}
@media screen and (max-width: 575.98px) {
  h1 {
    font-size: 42px;
    line-height: 48px;
  }
  h2 {
    font-size: 30px;
    line-height: 34px;
  }
}
p,
ul li,
ol li {
  font-size: var(--font-size-lg);
  line-height: 23px;
}
p {
  margin: 0 0 0.75rem;
}
ul,
ol {
  margin: 0 0 1.25rem 1.5rem;
  padding: 0;
}
ul li {
  list-style: disc outside;
}
li ul,
li ol {
  margin-block-end: 0;
}
ul li,
ol li {
  margin: 0 0 1rem 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0.5rem 0 1.25rem 2rem;
}
ul ul li,
ol ul li {
  list-style: circle outside;
}
span.text-large {
  font-size: var(--font-size-2x);
  line-height: 30px;
  letter-spacing: var(--auto-letter-spacing);
}
span.text-small,
span.text-caption,
span.footnote,
span.photo-credit {
  display: inherit;
  font-size: var(--font-size-sm);
  line-height: 17px;
}
span.footnote {
  font-style: italic;
  color: var(--text-secondary);
}
span.text-blue {
  color: var(--blue-dark);
}
span.text-green {
  color: #3F7425;
}
span.text-fuchsia {
  color: var(--magenta-dark);
}
span.text-orange {
  color: var(--orange);
}
h1 sup,
h2 sup {
  font-size: 50%;
  inset-block-start: -0.8em;
}
h3 sup,
h4 sup,
h5 sup,
h6 sup {
  inset-block-start: -0.3em;
}
p sup,
span.text-large sup {
  inset-block-start: -0.3em;
}
a:link,
a:visited {
  color: var(--link);
  text-decoration: underline;
  transition: 0.3s;
}
a:hover,
a:active,
a:focus {
  color: var(--link-hover);
}
a:active,
a:focus {
  outline: none;
}
/* type.less --------*/
.parbase.textimage.section ul,
.parbase.textimage.image_left.section ul {
  position: relative;
  margin: 0 25px 18px 0;
  overflow: auto;
}
.parbase.textimage.section ul li,
.parbase.textimage.image_left.section ul li {
  list-style-type: disc;
  margin-inline-start: 25px;
}
.parbase.textimage.section .image .parbase.textimage.image_left.section .image {
  float: left;
  clear: left;
}
.image_right.parbase.textimage.section .image {
  float: right;
  clear: right;
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  margin: 0 0 21px;
  color: var(--text-primary) !important;
}
/* Highlight box */
.hbox {
  background: var(--background-1);
  padding: 24px 24px 8px 24px;
  margin: 0 0 2.5rem;
  border: 1px solid var(--border-2);
}
.hbox::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Button links */
span.link-btn-blue a,
span.link-btn-fuchsia a,
span.link-btn-magenta a,
span.link-btn-gray a,
span.link-btn-green a,
span.link-btn-lightgray a,
span.link-btn-navy a,
span.link-btn-orange a,
span.link-btn-red a,
span.link-btn-teal a,
span.link-btn-violet a {
  margin: 0.75rem 0 1.5rem;
  font-size: var(--font-size-xl);
}
/* Video */
.video-container {
  clear: both;
  position: relative;
  padding-block: 0 56.25%;
  height: 0;
  overflow: hidden;
  border: 1px solid var(--border-2);
  margin-block: 1.25rem 2.5rem;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}
/* Table */
table {
  width: auto;
  margin: 0 0 1.25rem 0;
  border-inline-end: 1px solid var(--border-2);
  border-block-end: 1px solid var(--border-2);
  border-collapse: collapse;
}
table th,
table td {
  padding: 10px;
  text-align: start;
  font-size: var(--font-size-sm);
  line-height: 17px;
  padding: 8px;
  border-block-start: 1px solid var(--border-2);
  border-inline-start: 1px solid var(--border-2);
}
table th {
  font-weight: 600;
  background: var(--background-3);
}
/* Nav pills */
.pills.parbase.section {
  margin: 0.5rem 0 1.25rem;
}
.pills.parbase.section ul {
  margin: 0;
  padding: 0;
  line-height: 2em;
  background: transparent;
}
.pills.parbase.section ul li,
.pills.parbase.section ul li a {
  display: inline-block;
}
.pills.parbase.section ul li {
  list-style-type: none;
  margin: 0 18px 0 0;
}
.pills.parbase.section ul li a {
  padding: 0;
  font-size: var(--font-size-lg);
  line-height: 18px;
  text-decoration: none;
  color: var(--text-primary);
  white-space: nowrap;
  background: transparent;
  border: none;
}
.pills.parbase.section ul li.pill-nav-item a.pill-nav-active {
  font-weight: bold;
  color: var(--text-primary);
}
.pills.parbase.section ul li.pill-nav-item a.pill-nav-active,
.pills.parbase.section ul li.pill-nav-item a.pill-nav-active:hover {
  text-decoration: none;
}
.pills.parbase.section ul li.pill-nav-item a.pill-nav-link:hover {
  color: var(--text-primary) !important;
  text-decoration: underline;
}
@media screen and (max-width: 575.98px) {
  .pills.parbase.section {
    margin-block-end: 2.5rem;
  }
  .pills.parbase.section ul li {
    margin: 0 0 8px 0;
    display: block;
  }
}
/* Tabs */
.lpage-base .ui-tabs,
.lpage-base .ui-tabs .ui-tabs-nav {
  padding: 0 !important;
}
.lpage-base .ui-widget-content,
.lpage-base .ui-widget-header {
  border: none !important;
  background: var(--background-0) !important;
}
.lpage-base .ui-corner-all,
.lpage-base .ui-corner-bottom,
.lpage-base .ui-corner-br,
.lpage-base .ui-corner-tl,
.lpage-base .ui-corner-tr,
.lpage-base .ui-corner-top,
.lpage-base .ui-corner-right,
.lpage-base .ui-corner-left {
  border-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.lpage-base .tabs.ui-tabs {
  margin: 2rem 0 3rem;
}
.lpage-base .ui-tabs .ui-tabs-nav {
  margin: 0 0 1px 0;
  padding-inline-start: 12px;
}
.lpage-base .ui-tabs .ui-tabs-nav li,
.lpage-base .ui-tabs .ui-tabs-nav li a {
  display: inline-block;
}
.lpage-base .ui-tabs .ui-tabs-nav li {
  margin: 0;
  list-style-type: none;
  border-style: solid;
  border-color: var(--border-3);
  border-width: 1px 1px 0 1px;
  background: var(--background-1);
  margin-inline-end: 6px;
  white-space: nowrap;
  font-weight: normal;
  position: relative;
  inset-block-start: 2px;
}
.lpage-base .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-color: var(--border-3);
  background: var(--background-0);
  padding-block-end: 1px;
}
.lpage-base .ui-tabs .ui-tabs-nav li a {
  padding: 0;
  font-weight: normal;
  color: var(--text-primary) !important;
  text-decoration: none;
  padding: 12px 16px;
  white-space: nowrap;
}
.lpage-base .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: var(--text-primary) !important;
  font-weight: bold;
}
.lpage-base .ui-tabs .ui-tabs-nav li a:hover {
  color: var(--text-primary) !important;
  text-decoration: underline;
}
.lpage-base .ui-tabs .ui-tabs-panel {
  border: 1px solid var(--text-primary) !important;
  padding: 24px;
}
@media screen and (max-width: 767.98px) {
  .lpage-base .ui-tabs .ui-tabs-nav li {
    display: block;
    margin-block-end: 0;
    margin-inline-end: 24px;
  }
  .lpage-base .ui-tabs .ui-tabs-nav li.ui-tabs-tab {
    width: 90%;
  }
  .lpage-base .ui-tabs .ui-tabs-nav li.ui-tabs-tab a {
    width: 100%;
  }
  .lpage-base .ui-tabs .ui-tabs-nav {
    margin-block-end: 0;
  }
}
/* Show hide */
.showhide.parbase.section {
  margin-block-end: 1.25rem;
}
.showhide.parbase.section h3 {
  margin: 0;
  padding: 12px 16px 12px 48px;
  border: 1px solid var(--border-2);
  text-transform: none;
  font-weight: normal;
  font-size: var(--font-size-xl);
  color: var(--text-primary) !important;
  cursor: pointer;
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/bg_show_hide_box.png');
  background-repeat: no-repeat;
}
.showhide.parbase.section h3.show-hide-closed {
  background-position: top left;
}
.showhide.parbase.section h3.show-hide-open {
  background-position: bottom left;
}
.showhide.parbase.section h3:hover {
  text-decoration: underline;
  background-color: #f7f7f7;
}
.showhide.parbase.section .show-hide-cont {
  padding: 24px;
  border-style: solid;
  border-color: var(--border-2);
  border-width: 0 1px 1px 1px;
}
/* Lists */
.list.parbase.section,
.newslist.parbase.section,
.eventlist.parbase.section {
  margin: 0 0 2rem;
}
.list.parbase.section .list-upcoming-events p.list-ue-eventdate,
.newslist.parbase.section ul li .news-listing h3,
.newslist.parbase.section ul li .news-listing ul.post-metadata li.meta-date {
  margin: 0 0 0.25rem;
}
.list.parbase.section .list-upcoming-events p.list-ue-eventdate,
.eventlist.parbase.section p.list-ue-eventdate,
.list-events-nocalendar p.event-date {
  margin: 0 0 0.25rem;
  font-size: var(--font-size-md);
  line-height: 20px;
}
.newslist.parbase.section ul li .news-listing ul.post-metadata li.meta-date {
  margin: 0 0 0.25rem;
  font-size: var(--font-size-sm);
  line-height: 18px;
  color: #484C4C;
}
.list.parbase.section .list-upcoming-events p.list-ue-eventdate,
.eventlist.parbase.section p.list-ue-eventdate,
.list-events-nocalendar p.event-date {
  padding: 0 0 0 22px;
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/icon_calendar.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 16px;
}
.list.parbase.section h2,
.newslist.parbase.section h2 {
  margin: 0 0 0.75rem 0;
  font-size: var(--font-size-2x);
  line-height: 28px;
  text-transform: uppercase;
}
.list.parbase.section .list-upcoming-events h1.list-ue-eventtitle,
.newslist.parbase.section ul li .news-listing h3,
.list.parbase.section .member-story h3.member-story-title,
.eventlist.parbase.section h1.list-ue-eventtitle,
.list-events-nocalendar .event-info h1 {
  font-weight: 600;
  font-size: var(--font-size-lg);
  line-height: 22px;
  letter-spacing: 0;
}
.list.parbase.section p strong,
.eventlist.parbase.section p strong {
  font-weight: 600;
  color: var(--text-primary);
}
.list.parbase.section section ul,
.newslist.parbase.section section ul,
.newslist.parbase.section section.list ul {
  padding-inline-start: 0;
  margin-inline-start: 0;
}
.list.parbase.section ul li,
.newslist.parbase.section ul li {
  list-style-type: none;
  margin: 0 0 1rem 0;
}
.list.parbase.section ul li .news-listing h3,
.newslist.parbase.section ul li .news-listing h3,
.list.parbase.section .member-story h3.member-story-title {
  text-transform: none;
  margin: 0 0 0.5rem 0;
}
.list.parbase.section ul li .news-listing ul.post-metadata,
.newslist.parbase.section ul li .news-listing ul.post-metadata {
  margin: 0 0 0.75rem 0;
  padding-inline-start: 0;
}
.list.parbase.section ul li .news-listing ul.post-metadata li.meta-date,
.newslist.parbase.section ul li .news-listing ul.post-metadata li.meta-date {
  margin: 0 0 0.25rem 0;
  font-size: var(--font-size-sm);
  line-height: 18px;
  color: #484C4C;
}
.list.parbase.section p span.link-more,
.newslist.parbase.section p span.link-more,
.eventlist.parbase.section p span.link-more {
  font-size: var(--font-size-sm);
  line-height: 18px;
}
.list.parbase.section .member-story {
  margin: 0 0 1.25rem;
  width: 22%;
  margin-inline-end: 2.5%;
  display: inline-block;
  vertical-align: top;
}
.list.parbase.section .member-story a img {
  padding-block-end: 0.75rem;
}
.list.parbase.section .member-story a h3.member-story-title {
  color: var(--blue);
  text-decoration: underline;
}
.list.parbase.section .member-story a:hover h3.member-story-title,
.list.parbase.section .member-story a:focus h3.member-story-title,
.list.parbase.section .member-story a:active h3.member-story-title {
  color: #35611F;
  text-decoration: underline;
}
.list.parbase.section article,
.eventlist.parbase.section article {
  margin-block-end: 1rem;
}
.list.parbase.section article h1,
.list.parbase.section article p,
.eventlist.parbase.section article h1,
.eventlist.parbase.section article p,
.list-events-nocalendar .event-info h1 {
  margin-block-end: 0.125rem;
}
.list.parbase.section article p,
.list.parbase.section .member-story-text p,
.newslist.parbase.section .short-desc p,
.eventlist.parbase.section article p,
.list-events-nocalendar p.event-short-desc {
  font-size: var(--font-size-md);
  line-height: 20px;
}
.list.parbase.section p:empty,
.newslist.parbase.section p:empty,
.eventlist.parbase.section p:empty {
  display: none;
}
.newslist.parbase.section a.thumb img {
  margin-block-end: 0.75rem;
}
.list.parbase.section p.list-empty,
.eventlist.parbase.section p.list-empty {
  font-style: italic;
}
.list-events-nocalendar .event-listing-calendar,
.list-events-nocalendar p.event-listing-show {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .list.parbase.section .member-story {
    width: 46%;
    margin-inline-end: 3%;
  }
}
@media screen and (max-width: 575.98px) {
  .list.parbase.section .member-story {
    display: block;
    width: 100%;
    margin-inline-end: 0;
  }
}
.list-events-calendar .parsys_column.cq-colctrl-lt2-r-c0 {
  width: 74.5%;
  padding-inline-end: 2%;
}
.list-events-calendar .parsys_column.cq-colctrl-lt2-r-c1 {
  width: 25.5%;
  padding-inline-start: 2%;
}
@media screen and (max-width: 991.98px) {
  .list-events-calendar .parsys_column.cq-colctrl-lt2-r-c0 {
    padding-inline-end: 0;
  }
  .list-events-calendar .parsys_column.cq-colctrl-lt2-r-c1 {
    padding-inline-start: 0;
  }
}
.list-events-calendar .events-header-dates,
.list-events-calendar .events-header-dates strong {
  font-weight: bold;
}
.list-events-calendar .events-header-dates {
  font-size: var(--font-size-2x);
  line-height: 28px;
  text-transform: uppercase;
}
.list-events-calendar .events-header-quickview,
.list-events-calendar .event-listing-show {
  display: none;
}
.list-events-calendar .event-listing-calendar {
  font-weight: 600;
  padding: 0 0 2px 22px;
  background-image: url('/content/dam/campaign-landing-pages/en/2020/images/icon_calendar.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 16px;
  margin-block-end: 0.125rem;
  font-size: var(--font-size-md);
  line-height: 20px;
}
.list-events-calendar .event-info .event-date {
  color: var(--border-3);
}
.list-events-calendar .event-info h1 {
  font-weight: 600;
  font-size: var(--font-size-lg);
  line-height: 22px;
  letter-spacing: 0;
  margin-block-end: 0.125rem;
}
.list-events-calendar .pagination {
  display: block;
  padding-inline-start: 0;
  margin: 0;
  padding-block-start: 0.5rem;
  border-block-start: 1px solid var(--border-2);
}
.list-events-calendar .pagination .pages,
.list-events-calendar .pagination .next,
.list-events-calendar .pagination .prev {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  margin-block-end: 0.125rem;
}
#event-filter-datepicker,
.lpage-base #event-filter-datepicker .ui-datepicker-header {
  background: #f1f1f1 !important;
}
#event-filter-datepicker {
  display: inline-block;
  padding: 14px;
  margin: 0 0 2.5rem 0;
  min-height: 275px;
}
#event-filter-datepicker .ui-datepicker {
  box-shadow: none;
  border: none;
  padding: 0;
}
#event-filter-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-md);
  color: var(--text-primary);
}
#event-filter-datepicker .ui-datepicker-header {
  padding-block-end: 8px;
}
#event-filter-datepicker .ui-datepicker-header .ui-datepicker-prev {
  float: left;
}
#event-filter-datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right;
}
#event-filter-datepicker .ui-datepicker table {
  border-block-start: 1px solid var(--border-2);
  border-inline-start: 1px solid var(--border-2);
  margin: 0;
}
#event-filter-datepicker .ui-datepicker th,
#event-filter-datepicker .ui-datepicker td {
  font-weight: normal;
  border-inline-end: 1px solid var(--border-2);
  border-block-end: 1px solid var(--border-2);
}
#event-filter-datepicker .ui-datepicker th {
  background: var(--background-1);
  font-size: var(--font-size-xs);
  text-align: center;
  padding: 6px 8px;
  border-block-end-width: 2px;
}
#event-filter-datepicker .ui-datepicker td {
  background: var(--background-0);
  padding: 0;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}
#event-filter-datepicker .ui-datepicker td a {
  display: block;
  padding: 6px 8px;
  background: var(--background-0);
  color: var(--blue);
  border: none;
}
#event-filter-datepicker .ui-datepicker th,
#event-filter-datepicker .ui-datepicker td,
#event-filter-datepicker .ui-datepicker td span,
#event-filter-datepicker .ui-datepicker td a {
  text-align: center;
}
#event-filter-datepicker .ui-datepicker .ui-datepicker-other-month {
  background: var(--background-1);
  color: var(--text-secondary);
}
#event-filter-datepicker .ui-datepicker .ui-state-hover {
  background: var(--green-subtle);
  color: var(--green-subtle-contrast);
}
#event-filter-datepicker .ui-datepicker .ui-state-active,
#event-filter-datepicker .ui-datepicker td.event-dot a.ui-state-active {
  font-weight: normal;
  color: #ffffff;
  background: var(--blue);
}
#event-filter-datepicker .ui-datepicker .ui-datepicker-next,
#event-filter-datepicker .ui-datepicker .ui-datepicker-prev {
  font-size: var(--font-size-sm);
  cursor: pointer;
}
#event-filter-datepicker .ui-datepicker .ui-datepicker-next-hover,
#event-filter-datepicker .ui-datepicker .ui-datepicker-prev-hover {
  background: none;
}
#event-filter-datepicker .ui-datepicker td.event-dot a {
  background-image: url('http://www.oclc.org/content/dam/campaign-landing-pages/en/2020/images/eventcalendar_day_marker.png');
  background-repeat: no-repeat;
  background-position: bottom right;
}
form#event-filters,
#events-display input.form_button_reset {
  display: none;
}
.event-status-msg {
  margin: 0 0 18px 0;
  padding: 10px 10px 8px 10px;
  text-align: center;
  font-size: var(--font-size-md);
  line-height: 19px;
  font-weight: bold;
  border-radius: 0;
  border: none;
}
.event-status-msg.no-events {
  background: var(--yellow);
  color: var(--gray-darkest);
}
/* Misc */
hr {
  border-block-start: 1px solid var(--border-2);
  margin: 36px 0;
}
span.link-lead a,
p.morelink a,
span.link-lead a:visited,
p.morelink a:visited {
  display: inline-block;
  margin: 0 0 14px;
  font-size: var(--font-size-md);
  line-height: 20px;
  font-weight: 600;
  color: var(--link);
  background: transparent;
  padding: 6px 12px;
  border: 4px solid var(--link);
  text-decoration: none !important;
  transition: 0.3s;
}
span.link-lead a:hover,
span.link-lead a:focus,
span.link-lead a:active,
p.morelink a:hover,
p.morelink a:focus,
p.morelink a:active {
  border-color: var(--link-hover);
  color: var(--link-hover);
}
.nobr {
  white-space: nowrap;
}
.center {
  text-align: center;
  width: 90%;
  margin-inline: auto;
  margin-block-end: 1.25rem;
}
/* Footer */
footer {
  clear: both;
  text-align: center;
  margin: 0 auto;
  max-width: 1100px;
  padding: 20px;
}
footer .section {
  margin: 0;
}
footer p,
footer ul li,
footer a:link,
footer a:visited {
  font-weight: normal;
  color: var(--text-secondary);
}
footer #ot-sdk-btn.ot-sdk-show-settings {
  font-weight: normal !important;
}
footer a:hover {
  color: var(--gray-darkest);
}
footer p,
footer ul {
  width: 100%;
}
footer p,
footer ul li {
  margin: 0 0 8px 0;
  font-size: var(--font-size-xs);
  line-height: 16px;
}
footer ul {
  margin: 0;
  padding: 0;
}
footer ul li {
  list-style-type: none;
  display: inline;
  padding: 0 14px 0 0;
}
footer ul li:last-child {
  padding: 0;
}
footer ul li a {
  white-space: nowrap;
}
footer a:link,
footer a:visited {
  color: var(--text-primary);
}
footer a:hover {
  color: var(--gray-darkest);
}
footer #ot-sdk-btn.ot-sdk-show-settings {
  color: var(--text-primary);
  cursor: pointer;
  text-decoration: underline;
}
footer #ot-sdk-btn.ot-sdk-show-settings:hover {
  color: var(--gray-darkest);
  text-decoration: underline;
}