:host * {
  font-family: var(--wipo-font);
}

body {
  margin: 0;
}

/* w-page-header ULF overrides! */
:root {
  --w-font: var(--wipo-font);
  --w-color-grey-7: #6d6d6d;
  --w-color-grey-10: #2c2c2c;
  --w-color-grey-8: #4b4b4b;
  --w-icon-chevron-down: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAYklEQVR4Ae3N0QEBQAxEwW0iirx6rx4owQCw7zuZTWuttfa+VibaZF3Pn7IzyO/L14JjmuAPe2DenoCHR+X52XkHnEfEeZpwniacpwnnacJ5nHAeJ5yHDtnO68Tk5bXWWjsD3YdO3w9eFeIAAAAASUVORK5CYII=");
  --w-color-grey: #6c6c6c;
  --w-color-grey-d1: #464646;
}

html,
:root,
:host {
  font-family: var(--wipo-font);
}

.b-page-header {
  font-family: var(--w-font);
}
.b-page-header .b-page-header__title {
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 55px !important;
  text-transform: none;
  color: var(--w-color-grey-d1);
}
.b-page-header .b-page-header__title .b-page-header__title-details {
  font-size: 38px "";
  font-weight: 300 "";
  line-height: 55px "";
  color: var(--w-color-grey-d1);
}
.b-page-header .b-portfolio__dropdown-button {
  background-image: var(--w-icon-chevron-down);
  width: 1em;
  height: 1em;
  margin: 0.5em;
}
.b-page-header .b-portfolio {
  font-family: var(--w-font);
  font-size: 16px "";
  font-weight: 400 "";
  line-height: 24px "";
}
.b-page-header .b-portfolio .b-portfolio__dropdown.b-portfolio__dropdown--is-active {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  outline: none;
}
.b-page-header .b-portfolio .b-portfolio__dropdown.b-portfolio__dropdown--is-active:after, .b-page-header .b-portfolio .b-portfolio__dropdown.b-portfolio__dropdown--is-active:before {
  position: absolute;
  left: 45px;
  width: 0;
  height: 0;
  top: -26px;
  border: 13px solid transparent;
  content: " ";
  pointer-events: none;
}
.b-page-header .b-portfolio .b-portfolio__dropdown.b-portfolio__dropdown--is-active:after {
  border-bottom-color: white;
}
.b-page-header .b-portfolio .b-portfolio__item {
  outline: none;
  color: var(--w-color-grey-d1);
}

.b-page-header .b-portfolio > .b-portfolio__dropdown.b-portfolio__dropdown--is-active {
  right: -300px !important;
}
[dir=rtl] .b-page-header .b-portfolio > .b-portfolio__dropdown.b-portfolio__dropdown--is-active {
  left: -300px !important;
  right: unset !important;
}
[dir=rtl] .b-page-header .b-portfolio > .b-portfolio__dropdown.b-portfolio__dropdown--is-active:after, [dir=rtl] .b-page-header .b-portfolio > .b-portfolio__dropdown.b-portfolio__dropdown--is-active:before {
  right: 45px;
}

/* override other levels and landing component */
h1,
h2,
h3,
.landing-content__logo,
.landing-content__title,
.landing-content__subtitle {
  /*font-family: var(--w-font) !important;*/
  text-transform: none !important;
  color: var(--w-color-grey-d1);
  font-weight: 400 !important;
}

h1,
.landing-content__title {
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 55px !important;
}

h2,
.landing-content__subtitle {
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 47px !important;
}

h3,
.w-view__title {
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 42px !important;
}

h4,
.w-article__title {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
}