h1, h2, h3, h4, h5, h6, p, a {
  font-family: "Volvo Novum", system-ui;
  color: #323232;
}

h1,
.apicProduct h1 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -1.15px;
}

h2,
.apicProduct h2 {
  font-size: 3.5rem;
  font-weight: 200;
  line-height: 110%;
  letter-spacing: -0.5px;
}

h3 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0;
}

h4,
.apicProduct h4 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.5rem;
  letter-spacing: unset;
}

h5,
.apicProduct h5 {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 125%;
  letter-spacing: 0;
}

h6,
.apicProduct h6 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.15px;
}

button,
.apicProduct button {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: 1.25px;
}

.bx--card .apicCard .apicCardName,
.bx--card .apicCard .apicCardVersion,
.apicPlans .modal .planDetailContent .plansTable tbody .tableRow td:nth-child(2),
.bx--global-light-ui .form-item label,
.bx--global-light-ui .form-item .label,
.bx--global-light-ui .label,
.bx--label,
.field--name-application-redirect-endpoints .field-multiple-table th.field-label,
.field--name-avatars-user-picture .file > span,
.field--name-avatars-user-picture .file > span .text-primary,
.route-entityusercanonical .field--label,
.route-entityusercanonical .label,
.apiconnect-explorer a.bx--side-nav__link,
.apiconnect-explorer .bx--side-nav a.bx--header__menu-item,
.apiconnect-explorer .bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu,
.apiconnect-explorer-menu .explorer-toc ul .tocItem a span,
.apiconnect-explorer .bx--accordion__title,
.apiconnect-explorer .securityTitle,
.bx--data-table th,
.session-limit-form p,
.clientIDContainer .field__label,
.clientSecretContainer .field__label,
.applicationCredentials .credentialsTable .credentialsContent .credentialsData .field__label,
.apicMyOrg .apicMyOrgMembers th,
.volvo-branding .navbar-brand,
.pagination > li > a, .pagination > li > span,
.navbar .nav.navbar-nav > li > *,
.bx--card .apicCard .apicCardName {
  font-family: "Volvo Novum", system-ui;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-style: normal;
}

.volvo-footer-copyright > p {
  font-family: "Volvo Novum", system-ui;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1rem;
}

.volvo-footer-copyright > p {
  color: #53565A;
}

footer.footer ul.nav > li > a,
footer.footer ul.nav > li > a:visited {
  font-family: "Volvo Novum", system-ui;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
}

@media screen and (max-width: 768px) {
  footer.footer ul.nav > li > a,
  footer.footer ul.nav > li > a:visited {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
}

footer.footer ul.nav > li > a,
footer.footer ul.nav > li > a:visited {
  color: #757576;
}

/* 1rem */
p,
.apicProduct p,
.apicProductVersion,
.volvo-page .field--name-field-text-formatted-long-1 p,
.volvo-page .field--name-field-text-formatted-long-1 ul li,
.volvo-page-sidebar .field--name-field-text-formatted-long-1 p,
.volvo-page-sidebar .field--name-field-text-formatted-long-1 ul li,
.volvo-navigation-mobile-li > a, .volvo-navigation-mobile-li > span,
.route-entityusercanonical .field--item,
.apicProductVersion,
.apic-user-form  .apic-user-form-header,
.apicProduct h3,
h3.field__label.label,
.apicProduct .label,
.apicProduct .apicProductSummary .field--label,
.apicProduct .apicAttachments .field--label,
.apicProduct .customFields .field--label,
.apicProduct .apicProductDesc .field--label,
.apicProduct .customDocPages .field--label {
  font-family: "Volvo Novum", system-ui;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  letter-spacing: unset;
  font-style: normal;
  color: #323232;
}

.applicationSubscriptions .subscriptionsTable .subscriptionsContent th,
consumeranalytics .metricTitle,
consumeranalytics .bx--cc--title p.title,
consumeranalytics .dashboardTableContainer .dashboardTableToolbar .dashboardTableTitle,
.apicProduct .apicPlans .planCard .planRatesAndBilling p {
  font-family: "Volvo Novum", system-ui;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  letter-spacing: unset;
  font-style: normal;
  color: #323232;
}

/* 0.875rem */
.apis a,
.plans a,
footer *,
.region-footer,
.consumerorgSelectBlock .orgHeading,
.volvo-page .paragraph--type--volvo-grid.volvo-grid-5 .field--name-field-text-formatted-long-1 p,
.volvo-page-sidebar .paragraph--type--volvo-grid.volvo-grid-5 .field--name-field-text-formatted-long-1 p,
.volvo-branding .navbar-text,
.bx--global-light-ui .view-filters.form-group .form-actions button,
.alert.short,
.alert.short .alert-details,
.alert.short .alert-text-wrapper,
.alert.alert-danger,
.alert.alert-success,
.alert.alert-info,
.alert-text-wrapper,
.apicProduct .apicPlans .planCard .planViewDetails a,
.apicProduct .apicPlans .planCard .planApiTitle,
.apicProduct .apicPlans .planCard .planApiVersion,
.eu-cookie-withdraw-tab,
.bx--global-light-ui .eu-cookie-compliance-banner h2,
.bx--global-light-ui .eu-cookie-compliance-banner p,
.apicPlans .modal .planDetailContent .plansTable thead th,
.apicPlans .modal .planDetailContent .plansTable tbody td,
.apicPlans .modal .planDetailContent .plansTable tbody .tableRow.twistieRow td:nth-child(2),
.ui-dialog .ui-dialog-content,
.navbar .dropitmenu ul.dropit-submenu a,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-link,
.bx--data-table td,
.apicFormHeader p,
.apiconnect-explorer .parameterDescriptionContainer,
.apiconnect-explorer .securityType,
.apiconnect-explorer .responseContainer .responseCode p,
.apiconnect-explorer .markdown p,
.applicationWrapper .titleSection .applicationTabs li a,
.applicationCredentials .credentialsTable .credentialsContent .credentialsTabs li a,
.page-node-type-application .field--label-above .field--item,
.applicationSubscriptions .subscriptionsTable .subscriptionsContent tbody td,
.view-empty .not-found-p,
.apicMyOrg h5.apicUserFirstLastName,
.apicSubscribeInfoRow,
.apic-user-forgot-password > a,
.reload-captcha-wrapper > a {
  font-family: "Volvo Novum", system-ui;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.4px;
  font-style: normal;
}

.bx--card .apicCard .apicCardVersion,
.apicPlans .modal .planDetailContent .plansTable tbody .tableRow td:nth-child(2),
.bx--global-light-ui .form-item label,
.bx--global-light-ui .form-item .label,
.bx--global-light-ui .label,
.bx--label,
.field--name-application-redirect-endpoints .field-multiple-table th.field-label,
.field--name-avatars-user-picture .file > span,
.field--name-avatars-user-picture .file > span .text-primary,
.route-entityusercanonical .field--label,
.route-entityusercanonical .label,
.apiconnect-explorer a.bx--side-nav__link,
.apiconnect-explorer .bx--side-nav a.bx--header__menu-item,
.apiconnect-explorer .bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu,
.apiconnect-explorer-menu .explorer-toc ul .tocItem a span,
.apiconnect-explorer .bx--accordion__title,
.apiconnect-explorer .securityTitle,
.bx--data-table th,
.session-limit-form p,
.clientIDContainer .field__label,
.clientSecretContainer .field__label,
.applicationCredentials .credentialsTable .credentialsContent .credentialsData .field__label,
.apicMyOrg .apicMyOrgMembers th,
.pagination > li > a, .pagination > li > span {
  font-family: "Volvo Novum", system-ui;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: 0.15px;
  font-style: normal;
}

.apis a,
.plans a,
.apicProduct .apicPlans .planCard .planViewDetails a,
.apicProduct .apicPlans .planCard .planApiTitle,
.apicProduct .apicPlans .planCard .planApiVersion,
.bx--card .apicCard .apicCardVersion,
.ui-dialog .ui-dialog-content,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-link,
.bx--data-table td,
.applicationWrapper .titleSection .applicationTabs li a,
.applicationCredentials .credentialsTable .credentialsContent .credentialsTabs li a,
.applicationSubscriptions .subscriptionsTable .subscriptionsContent tbody td,
.pagination > li > a, .pagination > li > span,
.apic-user-forgot-password > a,
.reload-captcha-wrapper > a {
  color: #141414;
}

.apicPlans .modal .planDetailContent .plansTable thead th,
.apicPlans .modal .planDetailContent .plansTable tbody td,
.apicPlans .modal .planDetailContent .plansTable tbody .tableRow td:nth-child(2),
.apicPlans .modal .planDetailContent .plansTable tbody .tableRow.twistieRow td:nth-child(2),
.consumerorgSelectBlock .orgHeading,
.apiconnect-explorer .bx--accordion__title,
.apiconnect-explorer .securityTitle,
.apicFormHeader p,
.apiconnect-explorer .markdown p,
.page-node-type-application .field--label-above .field--item,
.apicMyOrg h5.apicUserFirstLastName,
.apicSubscribeInfoRow {
  color: #323232;
}

.bx--global-light-ui .form-item label,
.bx--global-light-ui .form-item .label,
.bx--global-light-ui .label,
.bx--label,
.field--name-application-redirect-endpoints .field-multiple-table th.field-label,
.navbar .dropitmenu ul.dropit-submenu a,
.field--name-avatars-user-picture .file > span,
.field--name-avatars-user-picture .file > span .text-primary,
.route-entityusercanonical .field--label,
.route-entityusercanonical .label,
.apiconnect-explorer a.bx--side-nav__link,
.apiconnect-explorer .bx--side-nav a.bx--header__menu-item,
.apiconnect-explorer .bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu,
.apiconnect-explorer-menu .explorer-toc ul .tocItem a span,
.session-limit-form p,
.apiconnect-explorer .parameterDescriptionContainer,
.apiconnect-explorer .securityType,
.clientIDContainer .field__label,
.clientSecretContainer .field__label,
.applicationCredentials .credentialsTable .credentialsContent .credentialsData .field__label,
.view-empty .not-found-p {
  color: #53565A;
}

.bx--card .apicApiCardMain .bx--about__title--name a .apicApiCardVersion {
  color: #888B8D;
}

.bx--global-light-ui .eu-cookie-compliance-banner h2,
.bx--global-light-ui .eu-cookie-compliance-banner p,
.bx--data-table th,
.apicMyOrg .apicMyOrgMembers th {
  color: #ffffff;
}

.apiconnect-explorer .responseContainer .responseCode p {
  color: #1F78D1;
}

/* 0.75rem */
.session-limit-form .bx--label .children,
.bx--card .apicCard .apicAppStatus,
.bx--card .apicCard .applicationType,
.bx--card .apicCard .apicCardTags a.field--item,
.bx--card .apicCard .apicCardUpdatedAt,
.bx--card .apicCard .apicCardState,
.bx--card .apicCard .apicCardDesc,
.bx--card .apicCard .apicCardApis,
.bx--card .apicCard .apicCardProtocol,
.bx--card .field--name-apic-description p,
.navbar .dropitmenu ul.dropit-submenu .selectorg,
.apiconnect-explorer .parameterIn,
.applicationType,
.apicMyOrg span.apicUserMail,
.apicMyOrgOwner .ownerTag,
.apicMyOrg .field.organizationMembers .apicUserRole,
.volvo-branding .navbar-text {
  font-family: "Volvo Novum", system-ui;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.4px;
  font-style: normal;

}

.session-limit-form .bx--label .children  {
  color: #141414;
}

.apicMyOrg .field.organizationMembers .apicUserRole {
  color: #323232;
}

.bx--card .apicCard .apicCardState,
.bx--card .apicCard .apicCardDesc,
.bx--card .apicCard .apicCardApis,
.bx--card .field--name-apic-description p,
.navbar .dropitmenu ul.dropit-submenu .selectorg {
  color: #53565A;
}

.bx--card .apicCard .apicCardUpdatedAt,
.apiconnect-explorer .parameterIn,
.apicMyOrg span.apicUserMail {
  color: #888B8D;
}

.applicationType,
.apicMyOrgOwner .ownerTag,
.bx--card .apicCard .apicCardTags a.field--item {
  color: #ffffff
}

/* 1.25rem */
.field--type-text-with-summary h3.volvo-heading,
.user-form .volvo-heading,
.volvo-page .paragraph--type--volvo-heading > .field--item,
.volvo-page-sidebar .paragraph--type--volvo-heading > .field--item,
.region-navigation-mobile-name,
.apiconnect-explorer .main h2,
.apiconnect-explorer .main .operationSecurity .labelText,
.apiconnect-explorer .main .operationContact .labelText,
.apiconnect-explorer .main .operationExternalLinks .labelText,
.apiconnect-explorer .main .operationAdditionalDocumentation .labelText,
.apiconnect-explorer .main .infoSection .forumLabel,
.apiconnect-explorer .operationInformation.operationParms .labelText,
.apiconnect-explorer .operationInformation .labelText,
.apiconnect-explorer .operationDisplay .testToolSection:nth-of-type(2) > .labelText,
.apiconnect-explorer .operationDisplay .testToolSection.testToolRequest .labelText,
.page-node-type-application .field--label-above .field--label,
.applicationCredentials .credentialsTable .credentialsHeader .credentialsTitle,
.applicationSubscriptions .subscriptionsTable .subscriptionsHeader .subscriptionsTitle,
.apicMyOrg .field.organizationMembers .memberHeader h3,
.apicProduct .apicPlans .planCard .planTitle,
.apicPlans .modal .planDetailContentHeading,
.ui-dialog .ui-dialog-title,
.view-notifications .view-content > h3,
.view-empty .not-found-title,
.apicFormHeader {
  font-family: "Volvo Novum", system-ui;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.15px;
  font-style: normal;
  color: #141414;
}

/* Heading */
.field--type-text-with-summary h3.volvo-heading,
.user-form .volvo-heading,
.volvo-page .paragraph--type--volvo-heading > .field--item,
.volvo-page-sidebar .paragraph--type--volvo-heading > .field--item,
.apicProduct .apicProductSummary .field--label,
.apicProduct .apicAttachments .field--label,
.apicProduct .customFields .field--label,
.apicProduct .apicProductDesc .field--label,
.apicProduct .customDocPages .field--label,
.apiconnect-explorer .main h2,
.apiconnect-explorer .main .operationSecurity .labelText,
.apiconnect-explorer .main .operationContact .labelText,
.apiconnect-explorer .main .operationExternalLinks .labelText,
.apiconnect-explorer .main .operationAdditionalDocumentation .labelText,
.apiconnect-explorer .main .infoSection .forumLabel,
.apiconnect-explorer .operationInformation.operationParms .labelText,
.apiconnect-explorer .operationInformation .labelText,
.apiconnect-explorer .operationDisplay .testToolSection:nth-of-type(2) > .labelText,
.apiconnect-explorer .operationDisplay .testToolSection.testToolRequest .labelText,
.page-node-type-application .field--label-above .field--label {
  color: #333333;
  margin: 1rem 0;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #E1DfDD;
}

.region-navigation-mobile-name,
.apicProduct .apicPlans .planCard .planTitle,
.ui-dialog .ui-dialog-title,
.view-notifications .view-content > h3 {
  color: #141414;
}

.apicPlans .modal .planDetailContentHeading,
.apicFormHeader {
  color: #323232;
}

.view-empty .not-found-title {
  color: #53565a;
}

/* 1.5rem */
.apicPlans .modal .planDetailHeading .planDetailTitle {
  font-family: "Volvo Novum", system-ui;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.25px;
  font-style: normal;
}

.apicPlans .modal .planDetailHeading .planDetailDesc p {
  font-family: "Volvo Novum", system-ui;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.25px;
  font-style: normal;
}

/* 2rem */
h1.page-header,
h1.node__title,
h1.productName,
h1.applicationName,
h1.apiName,
h1.orgName,
.volvo-page .paragraph--type--volvo-title > .field--item,
.volvo-page-sidebar .paragraph--type--volvo-title > .field--item,
.apic-user-form .apic-portal-title,
.apicMyOrg header.titleSection .orgName {
  font-family: "Volvo Novum", system-ui;
  font-size: 2rem;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.25px;
  font-style: normal;
}

.volvo-page .paragraph--type--volvo-title > .field--item,
.volvo-page-sidebar .paragraph--type--volvo-title > .field--item {
  color: #333333;
}

.apicMyOrg header.titleSection .orgName {
  color: #323232;
}

/* Font weights */

strong,
.apiconnect-explorer .explorer-toc .tocHeader a,
.session-limit-form .bx--label .children strong,
.session-limit-form .bx--label .children .placeholder:first-of-type,
.apiconnect-explorer a.bx--side-nav__link>.bx--side-nav__link-text,
.apiconnect-explorer .parameterName,
.apiconnect-explorer .serverVariableName,
.apiconnect-explorer .testToolSecurity .labelText,
.apiconnect-explorer .connection-status,
.apiconnect-explorer .examples-selector-header,
.apiconnect-explorer .media-type-selector-header,
.apicMyOrg .titleSection .organizationTabs li.selected a,
.applicationWrapper .titleSection .applicationTabs li.selected a,
.applicationCredentials .credentialsTable .credentialsContent .credentialsTabs li.selected a,
.nav.nav-tabs.filter-formats li.selected a,
.apicMyOrg .titleSection .organizationTabs li.selected a {
  font-weight: 300;
}