/*! The [main.css] stylesheet for Campaign Landing Pages */
/* Fonts */
@font-face {
  font-family: 'Graphik Light';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.svg#Graphik-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Regular';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.svg#Graphik-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Regular-Italic';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.svg#Graphik-RegularItalic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Medium';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Medium-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Medium-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Medium-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Medium-Web.svg#Graphik-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Semibold';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Semibold-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Semibold-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Semibold-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Semibold-Web.svg#Graphik-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Bold';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.svg#Graphik-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Bold-Italic';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.svg#Graphik-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Black';
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Black-Web.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Black-Web.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Black-Web.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Black-Web.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/Graphik-Black-Web.svg#Graphik-Black') format('svg');
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'OCLC Stencil';
  src: url('/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.eot');
  src: url('/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.woff2') format('woff2'), url('/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.woff') format('woff'), url('/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.ttf') format('truetype'), url('/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.svg#oclc-stencil') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Base layout */
html {
  padding-top: 32px;
  background-color: #ffffff;
  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: 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);
  clip: rect(1px, 1px, 1px, 1px);
}
.invisible {
  visibility: hidden;
}
.mod:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ie .mod {
  zoom: 1;
}
img,
object,
embed {
  max-width: 100%;
  box-sizing: border-box;
}
::selection {
  background: #fff8ab;
}
::-moz-selection {
  background: #fff8ab;
}
img::selection {
  background: transparent;
}
img::-moz-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');
}
body {
  padding: 0;
  font-family: 'Graphik Regular', 'Arial Unicode MS', Arial, sans-serif;
  color: #333F48;
}
div.wrapper {
  background: #ffffff;
  padding: 24px;
  margin: 0 auto;
  max-width: 1280px;
}
@media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
  html {
    background-size: 100% 18px;
  }
}
/* Page level fixes */
body:lang(de) {
  overflow-wrap: break-word;
}
.figure-stack-image {
  display: block;
}
.parbase.textimage.section .image img,
.text.parbase.section img,
.parbase.textimage.section img,
.parbase.image.section img {
  border: none;
  padding: 0;
  background: transparent !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.parbase.image.section img.img-flt-left-nobrdr {
  float: none;
  margin: 0 auto;
}
img.img-nobrdr {
  border: none !important;
  padding: 0 !important;
}
.image.section {
  overflow: visible;
}
/* 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.section {
  zoom: 1;
}
div.parsys_column .section {
  width: 100%;
}
/* component-columns.less -------------*/
div.parsyscolumncontrol {
  width: 100%;
}
div.parsyscolumncontrol:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.parsyscolumncontrol .cq-colctrl-default {
  width: 100%;
}
div.parsyscolumncontrol.section {
  overflow: visible;
  margin-bottom: 2rem;
}
div.parsyscolumncontrol.section .parsys_column {
  margin-bottom: 0;
}
/* 2 columns, 50/50 */
div.parsyscolumncontrol .cq-colctrl-lt0-c0 {
  width: 50%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt0-c1 {
  width: 50%;
  padding-left: 2%;
}
/* 2 columns, 33/67 */
div.parsyscolumncontrol .cq-colctrl-lt1-c0 {
  width: 33%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt1-c1 {
  width: 67%;
  padding-left: 2%;
}
/* 2 columns, 67/33 */
div.parsyscolumncontrol .cq-colctrl-lt2-r-c0 {
  width: 67%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2-r-c1 {
  width: 33%;
  padding-left: 2%;
}
/* 2 columns, 75/25 */
div.parsyscolumncontrol .cq-colctrl-lt5-c0 {
  width: 74.5%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt5-c1 {
  width: 25.5%;
  padding-left: 2%;
}
/* 2 columns, 25/75 */
div.parsyscolumncontrol .cq-colctrl-lt6-c0 {
  width: 25%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt6-c1 {
  width: 75%;
  padding-left: 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-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2-c1,
div.parsyscolumncontrol .cq-colctrl-lt2-c2 {
  padding-left: 2%;
}
/* 3 columns, 50/25/25 */
div.parsyscolumncontrol .cq-colctrl-lt3-c0 {
  width: 50%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt3-c1 {
  width: 25%;
  padding-left: 2%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt3-c2 {
  padding-left: 2%;
  width: 25%;
}
/* 3 columns, 40/40/20 */
div.parsyscolumncontrol .cq-colctrl-lt2a-c0 {
  width: 38.5%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2a-c1 {
  width: 38.5%;
  padding-left: 2%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt2a-c2 {
  padding-left: 2%;
  width: 23%;
}
/* 3 columns, 42/33/25 */
div.parsyscolumncontrol .cq-colctrl-lt7-c0 {
  width: 40.5%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt7-c1 {
  width: 34%;
  padding-left: 2%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt7-c2 {
  padding-left: 2%;
  width: 25.5%;
}
/* 4 columns, 25/25/25/25 */
div.parsyscolumncontrol .cq-colctrl-lt4-c0 {
  width: 25%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt4-c1 {
  width: 25%;
  padding-left: 2%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt4-c2 {
  width: 25%;
  padding-left: 2%;
  padding-right: 2%;
}
div.parsyscolumncontrol .cq-colctrl-lt4-c3 {
  width: 25%;
  padding-left: 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: 960px;
  margin: 0 auto;
  float: none;
}
/* responsive-phone.less -------------*/
@media handheld and (max-width: 899px), screen and (max-device-width: 899px), screen and (max-width: 899px) {
  div.parsys_column {
    float: none;
    width: auto !important;
  }
  div.parsyscolumncontrol .cq-colctrl-default .parsys_column > .parsys {
    padding: 0px;
  }
  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-bottom: 2em;
  }
}
/* Content */
/* Headlines and text */
h2,
h3,
h4,
h5,
h6 {
  color: #333F48;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
table th,
table td {
  color: #333F48;
  text-rendering: optimizelegibility;
  font-weight: normal;
}
body,
p,
li {
  font-family: 'Graphik Regular', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
strong,
h2,
h3,
h4 {
  font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
h1 {
  margin: 0 0 2rem 0;
  font-family: 'Graphik Light', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
h2 {
  margin: 0 0 2rem 0;
}
.hbox h2 {
  margin-bottom: 3rem;
}
h3,
h4 {
  margin: 0 0 1.3rem 0;
}
h5,
h6 {
  margin: 0 0 1rem 0;
}
h1 {
  font-size: 60px;
  line-height: 68px;
  letter-spacing: -0.5px;
}
h2 {
  font-size: 36px;
  line-height: 40px;
}
h3 {
  font-size: 24px;
  line-height: 28px;
}
h4 {
  font-size: 21px;
  line-height: 25px;
}
h3,
h5 {
  text-transform: uppercase;
}
h5,
h6 {
  font-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  font-size: 18px;
  line-height: 22px;
}
h5,
h6 {
  color: #555858;
}
@media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
  h1 {
    font-size: 42px;
    line-height: 48px;
  }
  h2 {
    font-size: 30px;
    line-height: 34px;
  }
}
p,
ul li,
ol li {
  font-size: 18px;
  line-height: 23px;
}
p {
  margin: 0 0 1.3rem;
}
ul,
ol {
  margin: 0 0 2rem 2.5rem;
  padding: 0;
}
ul li {
  list-style: disc outside;
}
li ul,
li ol {
  margin-bottom: 0;
}
ul li,
ol li {
  margin: 0 0 1.5rem 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 1rem 0 2rem 3rem;
}
ul ul li,
ol ul li {
  list-style: circle outside;
}
span.text-large {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.05rem !important;
}
span.text-small,
span.text-caption,
span.footnote,
span.photo-credit {
  display: inherit;
  font-size: 14px;
  line-height: 17px;
}
span.footnote {
  font-style: italic;
  color: #555858;
}
span.text-blue {
  color: #236192;
}
span.text-green {
  color: #3F7425;
}
span.text-fuchsia {
  color: #8A1B61;
}
span.text-orange {
  color: #E87722;
}
h1 sup,
h2 sup {
  font-size: 50%;
  top: -0.8em;
}
h3 sup,
h4 sup,
h5 sup,
h6 sup {
  top: -0.3em;
}
p sup,
span.text-large sup {
  top: -0.3em;
}
a:link,
a:visited {
  color: #2178b5;
  text-decoration: underline;
  transition: 0.3s;
}
a:hover,
a:active,
a:focus {
  color: #35611F;
}
a:active,
a:focus {
  outline: none;
}
/* type.less --------*/
.parbase.textimage.section ul,
.parbase.textimage.image_left.section ul {
  position: relative;
  margin: 0px 25px 18px 0px;
  overflow: auto;
}
.parbase.textimage.section ul li,
.parbase.textimage.image_left.section ul li {
  list-style-type: disc;
  margin-left: 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: #333F48 !important;
}
/* Highlight box */
.hbox {
  background: #f7f7f7;
  padding: 24px 24px 8px 24px;
  margin: 0 0 4rem;
  border: 1px solid #BBBCBC;
}
.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 {
  display: inline-block;
  margin: 14px 0 24px;
  padding: 12px 18px 10px !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  text-align: center;
  text-decoration: none !important;
  transition: 0.3s;
  box-shadow: none;
  text-shadow: none;
  border: none;
  border-radius: 0px;
}
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-navy a,
span.link-btn-orange a,
span.link-btn-red a,
span.link-btn-teal a,
span.link-btn-violet a,
span.link-btn-blue a:hover,
span.link-btn-blue a:focus,
span.link-btn-blue a:active,
span.link-btn-fuchsia a:hover,
span.link-btn-fuchsia a:focus,
span.link-btn-fuchsia a:active,
span.link-btn-magenta a:hover,
span.link-btn-magenta a:focus,
span.link-btn-magenta a:active,
span.link-btn-gray a:hover,
span.link-btn-gray a:focus,
span.link-btn-gray a:active,
span.link-btn-green a:hover,
span.link-btn-green a:focus,
span.link-btn-green a:active,
span.link-btn-navy a:hover,
span.link-btn-navy a:focus,
span.link-btn-navy a:active,
span.link-btn-orange a:hover,
span.link-btn-orange a:focus,
span.link-btn-orange a:active,
span.link-btn-red a:hover,
span.link-btn-red a:focus,
span.link-btn-red a:active,
span.link-btn-teal a:hover,
span.link-btn-teal a:focus,
span.link-btn-teal a:active,
span.link-btn-violet a:hover,
span.link-btn-violet a:focus,
span.link-btn-violet a:active {
  color: #ffffff !important;
}
span.link-btn-lightgray a,
span.link-btn-lightgray a:hover,
span.link-btn-lightgray a:focus,
span.link-btn-lightgray a:active {
  color: #333f48 !important;
}
span.link-btn-blue a,
span.link-btn-navy a,
span.link-btn-teal a {
  background: #007DBA;
}
span.link-btn-blue a:hover,
span.link-btn-navy:hover a,
span.link-btn-teal:hover a {
  background: #005da1;
}
span.link-btn-green a {
  background: #4c8c2b;
}
span.link-btn-green a:hover {
  background: #316c19;
}
span.link-btn-fuchsia a,
span.link-btn-magenta a,
span.link-btn-red a,
span.link-btn-violet a,
span.link-btn-orange a {
  background: #8a1b61;
}
span.link-btn-fuchsia a:hover,
span.link-btn-magenta a:hover,
span.link-btn-red a:hover,
span.link-btn-violet a:hover,
span.link-btn-orange a:hover {
  background: #6a0f43;
}
span.link-btn-gray a {
  background: #333f48;
}
span.link-btn-gray a:hover {
  background: #1b242a;
}
span.link-btn-lightgray a {
  background: #D9D9D6;
}
span.link-btn-lightgray a:hover {
  background: #c9c9c5;
}
/* Video */
.video-container {
  clear: both;
  position: relative;
  padding-top: 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border: 1px solid #BBBCBC;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Table */
table {
  width: auto;
  margin: 0 0 2rem 0;
  border-right: 1px solid #BBBCBC;
  border-bottom: 1px solid #BBBCBC;
  border-collapse: collapse;
}
table th,
table td {
  padding: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 17px;
  padding: 8px;
  border-top: 1px solid #BBBCBC;
  border-left: 1px solid #BBBCBC;
}
table th {
  font-family: 'Graphik Semibold', Helvetica, Arial, sans-serif;
  font-weight: bold;
  background: #D9D9D6;
}
/* Text, image and text-image components */
.parbase.textimage.section ul,
.parbase.textimage.image_left.section ul {
  position: relative;
  margin: 0px 25px 18px 0px;
  overflow: auto;
}
.parbase.textimage.section ul li,
.parbase.textimage.image_left.section ul li {
  list-style-type: disc;
  margin-left: 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;
}
.image.section {
  overflow: auto;
}
div.textimage div.image {
  float: left;
  margin: 0 16px 16px 0;
}
div.textimage.image_right div.image {
  float: right;
  margin: 0 0 16px 16px;
}
.text.parbase.section img.img-flt-right,
.parbase.textimage.section .text img.img-flt-right,
div.textimage div.image.img-flt-right {
  float: right;
  margin: 0 0 16px 16px;
}
.text.parbase.section img.img-flt-left,
.parbase.textimage.section .text img.img-flt-left,
div.textimage div.image.img-flt-left {
  float: left;
  margin: 0 16px 16px 0;
}
.text.parbase.section img.img-flt-right-nobrdr,
.parbase.textimage.section .text img.img-flt-right-nobrdr,
div.textimage div.image.img-flt-right-nobrdr {
  float: right;
  margin: 0 0 16px 16px;
}
div.parbase.textimage.section div.image.img-flt-right-nobrdr img {
  border: none;
  padding: 0;
}
.text.parbase.section img.img-flt-left-nobrdr,
.parbase.textimage.section .text img.img-flt-left-nobrdr,
div.textimage div.image.img-flt-left-nobrdr {
  float: left;
  margin: 0 16px 16px 0;
}
div.parbase.textimage.section div.image.img-flt-left-nobrdr img {
  border: none;
  padding: 0;
}
.text.parbase.section img.img-nobrdr,
.parbase.textimage.section .text img.img-nobrdr,
.text.parbase.section .img-nobrdr img,
.parbase.textimage.section .text .img-nobrdr img {
  padding: 0;
  border: none;
  background: none;
}
.parbase.image.section img.img-flt-right {
  float: right;
  margin: 0 0 16px 16px;
}
.parbase.image.section img.img-flt-left {
  float: left;
  margin: 0 16px 16px 0;
}
.parbase.image.section img.img-flt-left-nobrdr {
  float: left;
  margin: 0 16px 16px 0;
  padding: 0;
}
.parbase.image.section img.img-flt-right-nobrdr {
  float: right;
  margin: 0 16px 16px 0;
  border: none;
  padding: 0;
}
.image.parbase.section figcaption,
.textimage.parbase.section figcaption {
  padding-top: 6px;
  font-size: 14px;
  line-height: 17px;
  color: #333F48;
  max-width: 120px;
}
/* Nav pills */
.pills.parbase.section {
  margin: 1rem 0 2rem;
}
.pills.parbase.section ul {
  margin: 0;
  padding: 0;
  line-height: 2em;
  background-color: 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: 18px;
  line-height: 18px;
  text-decoration: none;
  color: #333F48;
  white-space: nowrap;
  background-color: transparent;
  border: none;
}
.pills.parbase.section ul li.pill-nav-item a.pill-nav-active {
  font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  color: #333F48;
}
.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: #333F48 !important;
  text-decoration: underline;
}
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px) {
  .pills.parbase.section {
    margin-bottom: 4rem;
  }
  .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: #ffffff !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: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.lpage-base .tabs.ui-tabs {
  margin: 3rem 0 5rem;
}
.lpage-base .ui-tabs .ui-tabs-nav {
  margin: 0 0 1px 0;
  padding-left: 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: #888B8D;
  border-width: 1px 1px 0 1px;
  background: #f7f7f7;
  margin-right: 6px;
  white-space: nowrap;
  font-weight: normal;
  position: relative;
  top: 2px;
}
.lpage-base .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-color: #333F48;
  background: #ffffff;
  padding-bottom: 1px;
}
.lpage-base .ui-tabs .ui-tabs-nav li a {
  padding: 0;
  font-weight: normal;
  color: #333F48 !important;
  text-decoration: none;
  padding: 12px 16px;
  white-space: nowrap;
}
.lpage-base .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #333F48 !important;
  font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}
.lpage-base .ui-tabs .ui-tabs-nav li a:hover {
  color: #333F48 !important;
  text-decoration: underline;
}
.lpage-base .ui-tabs .ui-tabs-panel {
  border: 1px solid #333F48 !important;
  padding: 24px;
}
@media handheld and (max-width: 780px), screen and (max-device-width: 780px), screen and (max-width: 780px) {
  .lpage-base .ui-tabs .ui-tabs-nav li {
    display: block;
    margin-bottom: 0;
    margin-right: 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-bottom: 0;
  }
}
/* Show hide */
.showhide.parbase.section {
  margin-bottom: 2rem;
}
.showhide.parbase.section h3 {
  margin: 0;
  padding: 12px 16px 12px 48px;
  border: 1px solid #BBBCBC;
  text-transform: none;
  font-family: 'Graphik Regular', 'Arial Unicode MS', Arial, sans-serif;
  font-size: 21px;
  color: #333F48 !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: #BBBCBC;
  border-width: 0 1px 1px 1px;
}
/* Lists */
.list.parbase.section,
.newslist.parbase.section,
.eventlist.parbase.section {
  margin: 0 0 3rem;
}
.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.3rem;
}
.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.3rem;
  font-size: 16px;
  line-height: 20px;
}
.newslist.parbase.section ul li .news-listing ul.post-metadata li.meta-date {
  margin: 0 0 0.3rem;
  font-size: 14px;
  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 1.3rem 0;
  font-size: 24px;
  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-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
}
.list.parbase.section p strong,
.eventlist.parbase.section p strong {
  font-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  color: #484C4C;
}
.list.parbase.section section ul,
.newslist.parbase.section section ul,
.newslist.parbase.section section.list ul {
  padding-left: 0;
  margin-left: 0;
}
.list.parbase.section ul li,
.newslist.parbase.section ul li {
  list-style-type: none;
  margin: 0 0 1.5rem 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.75rem 0;
}
.list.parbase.section ul li .news-listing ul.post-metadata,
.newslist.parbase.section ul li .news-listing ul.post-metadata {
  margin: 0 0 1rem 0;
  padding-left: 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.3rem 0;
  font-size: 14px;
  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: 14px;
  line-height: 18px;
}
.list.parbase.section .member-story {
  margin: 0 0 2rem;
  width: 22%;
  margin-right: 2.5%;
  display: inline-block;
  vertical-align: top;
}
.list.parbase.section .member-story a img {
  padding-bottom: 1rem;
}
.list.parbase.section .member-story a h3.member-story-title {
  color: #2178b5;
  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-bottom: 1.5rem;
}
.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-bottom: 0.25rem;
}
.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: 16px;
  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-bottom: 1rem;
}
.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 handheld and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .list.parbase.section .member-story {
    width: 46%;
    margin-right: 3%;
  }
}
@media handheld and (max-width: 560px), screen and (max-device-width: 560px), screen and (max-width: 560px) {
  .list.parbase.section .member-story {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
.list-events-calendar .parsys_column.cq-colctrl-lt2-r-c0 {
  width: 74.5%;
  padding-right: 2%;
}
.list-events-calendar .parsys_column.cq-colctrl-lt2-r-c1 {
  width: 25.5%;
  padding-left: 2%;
}
@media handheld and (max-width: 899px), screen and (max-device-width: 899px), screen and (max-width: 899px) {
  .list-events-calendar .parsys_column.cq-colctrl-lt2-r-c0 {
    padding-right: 0;
  }
  .list-events-calendar .parsys_column.cq-colctrl-lt2-r-c1 {
    padding-left: 0;
  }
}
.list-events-calendar .events-header-dates,
.list-events-calendar .events-header-dates strong {
  font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif !important;
}
.list-events-calendar .events-header-dates {
  font-size: 24px;
  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-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  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-bottom: 0.15rem;
  font-size: 16px;
  line-height: 20px;
}
.list-events-calendar .event-info .event-date {
  color: #888B8D;
}
.list-events-calendar .event-info h1 {
  font-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 0.25rem;
}
.list-events-calendar .pagination {
  display: block;
  padding-left: 0;
  margin: 0;
  padding-top: 0.5rem;
  border-top: 1px solid #BBBCBC;
}
.list-events-calendar .pagination .pages,
.list-events-calendar .pagination .next,
.list-events-calendar .pagination .prev {
  font-size: 14px;
  color: #333F48;
  margin-bottom: 0.25rem;
}
#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 4rem 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-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  text-align: center;
  font-size: 16px;
  color: #000;
}
#event-filter-datepicker .ui-datepicker-header {
  padding-bottom: 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-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin: 0;
}
#event-filter-datepicker .ui-datepicker th,
#event-filter-datepicker .ui-datepicker td {
  font-family: 'Graphik Regular', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#event-filter-datepicker .ui-datepicker th {
  background: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 6px 8px;
  border-bottom-width: 2px;
}
#event-filter-datepicker .ui-datepicker td {
  background: #fff;
  padding: 0px;
  font-size: 14px;
  color: #000;
}
#event-filter-datepicker .ui-datepicker td a {
  display: block;
  padding: 6px 8px;
  background: #fff;
  color: #007DBA;
  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: #f0f0f0;
  color: #888B8D;
}
#event-filter-datepicker .ui-datepicker .ui-state-hover {
  background: #e4eedf;
  color: #4C8C2B;
}
#event-filter-datepicker .ui-datepicker .ui-state-active,
#event-filter-datepicker .ui-datepicker td.event-dot a.ui-state-active {
  font-family: 'Graphik Regular', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  font-weight: bold;
  color: #ffffff;
  background: #007DBA;
}
#event-filter-datepicker .ui-datepicker .ui-datepicker-next,
#event-filter-datepicker .ui-datepicker .ui-datepicker-prev {
  font-size: 14px;
  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;
  font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  padding: 10px 10px 8px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  border-radius: 0px;
  border: none;
}
.event-status-msg.no-events {
  background: #F6BE00;
  color: #1D252D;
}
/* Misc */
hr {
  border-top: 1px solid #BBBCBC;
  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: 16px;
  line-height: 20px;
  font-family: 'Graphik Semibold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
  color: #2178b5;
  background: transparent;
  padding: 6px 12px;
  border: 4px solid #2178b5;
  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: #35611F;
  color: #35611F;
}
.nobr {
  white-space: nowrap;
}
.center {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
/* 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-family: 'Graphik Regular', 'Arial Unicode MS', Arial, sans-serif;
  color: #555858;
}
footer a:hover {
  color: #1D252D;
}
footer p,
footer ul {
  width: 100%;
}
footer p,
footer ul li {
  margin: 0 0 8px 0;
  font-size: 12px;
  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: #333F48;
}
footer a:hover {
  color: #1D252D;
}
footer #ot-sdk-btn.ot-sdk-show-settings {
  color: #333F48;
  cursor: pointer;
  text-decoration: underline;
}
footer #ot-sdk-btn.ot-sdk-show-settings:hover {
  color: #1D252D;
  text-decoration: underline;
}