:root { /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Font Families */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /** Fonts for all root/body text **/ --dxp-g-root-font-family: 'Source Sans', Helvetica, sans-serif; /** Fonts for headings **/ --dxp-g-heading-font-family: 'Source Sans', Times, serif; --dxp-g-nmss-max-content-width: 50.5rem; /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Branding colors */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ --dxp-g-nmss-text-black: #121212; --dxp-g-nmss-true-black: #000000; --dxp-g-nmss-transparent-black: rgba(0, 0, 0, 0.85); --dxp-g-nmss-default-background-color: #f0efee; --dxp-g-nmss-grey-01: #727272; --dxp-g-nmss-grey-02: #E5E5E5; --dxp-g-nmss-grey-03: #F3F3F3; --dxp-g-nmss-grey-04: #CCC5BA; --dxp-g-nmss-grey-05: #F9F9F9; --dxp-g-nmss-dark-grey: #686058; --dxp-g-nmss-focus-state: #007481; --dxp-g-nmss-active-state: #CFDFF6; --dxp-g-nmss-white: #FFFFFF; --dxp-g-nmss-orange: #F06F0B; --dxp-g-nmss-yellow-01: #FFCD00; --dxp-g-nmss-yellow-02: #FFEEAA; --dxp-g-nmss-teal-01: #007481; --dxp-g-nmss-teal-01-with-opacity: rgba(0, 116, 129, 0.7); --dxp-g-nmss-teal-02: #005d63; --dxp-g-nmss-teal-03: #CCEEF1; --dxp-g-nmss-teal-04: #4d9ea7; --dxp-g-nmss-red-01: #D80027; --dxp-g-destructive: #D80027; --dxp-g-nmss-bright-green: #76BC21; --dxp-g-nmss-dark-green: #225D38; --dxp-g-nmss-purple: #8A1A9B; --dxp-g-nmss-light-blue: #00B2E3; --dxp-g-nmss-dark-blue: #004A98; --dxp-g-nmss-transparent-bright-green: rgba(118, 188, 33, 0.60); --dxp-g-nmss-transparent-dark-green: rgba(34, 93, 56, 0.60); --dxp-g-nmss-transparent-purple: rgba(138, 26, 155, 0.60); --dxp-g-nmss-transparent-light-blue: rgba(0, 178, 227, 0.60); --dxp-g-nmss-transparent-dark-blue: rgba(0, 74, 152, 0.60); --dxp-g-nmss-transparent-orange: rgba(240, 111, 11, 0.60); --dxp-s-link-text-color: var(--dxp-g-nmss-teal-01); --dxp-s-link-text-color-hover: var(--dxp-g-nmss-teal-01); --dxp-c-link-text-color: var(--dxp-g-nmss-teal-01); --dxp-c-link-text-color-hover: var(--dxp-g-nmss-teal-01); --dxp-c-link-text-color-focus: var(--dxp-g-nmss-teal-01); /* Backgrounds */ --dxp-g-nmss-background-teal: rgba(0,116,129,.05); --dxp-g-nmss-background-pale-teal: #F2F8F8; --dxp-g-nmss-background-green: rgba(118,188,33,.10); --dxp-g-nmss-background-grey: #F3F3F3; /* header typography */ --dxp-g-nmss-headline-1-top-margin: 2.5rem; --dxp-g-nmss-headline-1-font-size: 3rem; --dxp-g-nmss-headline-1-bottom-margin: 2.25rem; --dxp-g-nmss-headline-1-line-height: 120%; --dxp-g-nmss-headline-1-max-width: 76.875rem; --dxp-g-nmss-text-max-width: 50.5rem; --dxp-g-nmss-headline-2-top-margin: 2.5rem; --dxp-g-nmss-headline-2-font-size: 2.25rem; --dxp-g-nmss-headline-2-bottom-margin: 2.25rem; --dxp-g-nmss-headline-2-line-height: 120%; --dxp-g-nmss-hero-headline-2-font-size: 3.5rem; --dxp-g-nmss-hero-headline-2-line-height: 110%; --dxp-g-nmss-headline-3-top-margin: 2.5rem; --dxp-g-nmss-headline-3-font-size: 1.5rem; --dxp-g-nmss-headline-3-bottom-margin: 2.25rem; --dxp-g-nmss-headline-3-line-height: normal; --dxp-g-nmss-headline-4-top-margin: 2.5rem; --dxp-g-nmss-headline-4-font-size: 1.25rem; --dxp-g-nmss-headline-4-bottom-margin: 2.25rem; --dxp-g-nmss-headline-4-line-height: 120%; --dxp-g-nmss-headline-5-top-margin: 2.5rem; --dxp-g-nmss-headline-5-font-size: 1.25rem; --dxp-g-nmss-headline-5-bottom-margin: 2.25rem; --dxp-g-nmss-headline-5-line-height: 120%; --dxp-g-nmss-headline-6-font-size: 1.125rem; --dxp-g-nmss-body-font-size: 1.25rem; --dxp-g-nmss-body-bottom-margin: 2.25rem; --dxp-g-nmss-body-line-height: 150%; --dxp-g-nmss-content-block-medium-margins: 3.5rem; --dxp-g-nmss-content-block-large-margins: 4.5rem; @media (max-width: 48rem) { --dxp-g-nmss-headline-1-top-margin: 2.25rem; --dxp-g-nmss-headline-1-font-size: 1.75rem; --dxp-g-nmss-headline-1-bottom-margin: 1.25rem; --dxp-g-nmss-headline-2-top-margin: 2.25rem; --dxp-g-nmss-headline-2-font-size: 1.5rem; --dxp-g-nmss-headline-2-bottom-margin: 1.25rem; --dxp-g-nmss-hero-headline-2-font-size: 1.75rem; --dxp-g-nmss-headline-3-top-margin: 2.25rem; --dxp-g-nmss-headline-3-font-size: 1.25rem; --dxp-g-nmss-headline-3-bottom-margin: 1.25rem; --dxp-g-nmss-headline-4-top-margin: 2.25rem; --dxp-g-nmss-headline-4-font-size: 1.125rem; --dxp-g-nmss-headline-4-bottom-margin: 1.25rem; --dxp-g-nmss-headline-5-top-margin: 2.25rem; --dxp-g-nmss-headline-5-font-size: 1.125rem; --dxp-g-nmss-headline-5-bottom-margin: 1.25rem; --dxp-g-nmss-body-font-size: 1.125rem; --dxp-g-nmss-body-bottom-margin: 1.5rem; } /* special cases */ --dxp-g-nmss-share-icon-padding: 0.75rem; /* overriding unwanted padding on theme */ --dxp-s-component-wrapper-spacer-size-mobile: 0; /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Typography */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* content block spacing */ --dxp-g-nmss-section-columns-max-width: 1229px; --dxp-g-nmss-section-col_1-of-14-size: calc(1 / 14 * 100%); --dxp-g-nmss-component-block-1-top-margin: 2.5rem; --dxp-g-nmss-component-block-2-top-margin: 5rem; @media (max-width: 64rem) { --dxp-g-nmss-section-col_1-of-14-size: calc(1 / 14 * 100% + var(--dxp-c-section-content-spacing-block-end-mobile, var(--dxp-style-c-padding-bottom-m, var(--dxp-s-section-content-spacing-block-end-mobile)))); } @media (max-width: 48rem) { --dxp-g-nmss-component-block-1-top-margin: 2.25rem; --dxp-g-nmss-component-block-2-top-margin: 3rem; } /* Update colors for toggle input. */ --sds-c-checkbox-toggle-color-border-checked: var(--dxp-g-nmss-teal-01); --sds-c-checkbox-toggle-color-background-checked: var(--dxp-g-nmss-teal-01); --sds-c-checkbox-toggle-color-background-checked-hover: var(--dxp-g-nmss-teal-02); --slds-c-checkbox-toggle-color-background-checked-focus: var(--dxp-g-nmss-teal-02); --sds-c-checkbox-toggle-color-background-checked-focus: var(--dxp-g-nmss-teal-02); /* No visible box shadow on toggle input. */ --slds-c-checkbox-toggle-shadow: rgba(0, 0, 0, 0); --sds-c-checkbox-toggle-shadow: rgba(0, 0, 0, 0); --slds-c-checkbox-toggle-color-border: rgba(0, 0, 0, 0); --sds-c-checkbox-toggle-color-border-focus: rgba(0, 0, 0, 0); --slds-c-checkbox-toggle-shadow: 0 0 3px rgba(0, 0, 0, 0); --sds-c-checkbox-toggle-shadow-focus: 0 0 3px rgba(0, 0, 0, 0); } body { -webkit-font-smoothing: antialiased; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Labels */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ label, .label-style, label.slds-form-element__label { color: var(--dxp-g-nmss-text-black); font-size: var(--dxp-g-nmss-headline-5-font-size); font-style: normal; font-weight: 400; line-height: 150%; margin-top: 0.5rem; } .optional-text, .secondary-text { color: var(--dxp-g-nmss-grey-01); } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Blockquotes */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ blockquote { margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; font-family: var(--dxp-g-momentum-root-font-family); font-size: 2.25rem; line-height: 115%; margin: 0; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Margins */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .header-margin { margin-bottom: 1.25rem; } .margin-top-large { margin-top: 3rem; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Global Links */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ a { font-size: var(--dxp-g-nmss-body-font-size); /* 20px */ } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ a:link { color: var(--dxp-g-nmss-teal-01); } a:active { background-color: var(--dxp-g-nmss-grey-02); } a:focus { outline: none; text-decoration: none; } a:hover { text-decoration: underline; } a:focus-visible:not(.slds-button, .slds-dropdown__item > a) { outline: 0.0938rem var(--dxp-g-nmss-focus-state) solid; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Nav Links */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .nmss-nav a:not(.slds-button,.slds-dropdown__item>a), button { color: var(--dxp-g-nmss-text-black); } .nmss-nav a:active:not(.slds-button,.slds-dropdown__item>a), button:active { background-color: var(--dxp-g-nmss-grey-02); } .nmss-nav a:focus:not(.slds-button,.slds-dropdown__item>a), button:focus { outline: none; text-decoration: none; } .nmss-nav a:hover:not(.slds-button,.slds-dropdown__item>a) { text-decoration: underline; } .nmss-nav a:focus-visible:not(.slds-button,.slds-dropdown__item>a) { outline: 0.0938rem var(--dxp-g-nmss-focus-state) solid; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Button Links and Button Buttons */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ a.nmss-primary-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-primary-button:not(.slds-button, .slds-dropdown__item > a) { display: inline-block; border: none; border-radius: 0.625rem; background: var(--dxp-g-nmss-teal-01); color: var(--dxp-g-nmss-white); text-align: center; font-size: var(--dxp-g-nmss-body-font-size); font-style: normal; font-weight: 600; line-height: normal; padding: 0.8125rem 3rem; } .modal a.nmss-primary-button:not(.slds-button, .slds-dropdown__item > a), .modal button.nmss-primary-button:not(.slds-button, .slds-dropdown__item > a) { font-size: 1.125rem; padding: 0.5rem 1.5rem; } a.nmss-primary-button:active:not(.slds-button, .slds-dropdown__item > a), button.nmss-primary-button:active:not(.slds-button, .slds-dropdown__item > a) { text-decoration: none; transform: scale(.95); } a.nmss-primary-button:focus:not(.slds-button, .slds-dropdown__item > a), button.nmss-primary-button:focus:not(.slds-button, .slds-dropdown__item > a) { position: relative; text-decoration: none; } a.nmss-primary-button:focus-visible:not(.slds-button, .slds-dropdown__item > a), button.nmss-primary-button:focus-visible:not(.slds-button, .slds-dropdown__item > a) { outline: none; } a.nmss-primary-button:focus:not(.slds-button, .slds-dropdown__item > a):before, button.nmss-primary-button:focus:not(.slds-button, .slds-dropdown__item > a):before, a.nmss-secondary-button:focus:not(.slds-button, .slds-dropdown__item > a):before, button.nmss-secondary-button:focus:not(.slds-button, .slds-dropdown__item > a):before, a.nmss-tertiary-button:focus:not(.slds-button, .slds-dropdown__item > a):before, button.nmss-tertiary-button:focus:not(.slds-button, .slds-dropdown__item > a):before, a.nmss-donate-button:focus:not(.slds-button, .slds-dropdown__item > a):before, button.nmss-donate-button:focus:not(.slds-button, .slds-dropdown__item > a):before { content: " "; position: absolute; top: -0.5rem; left: -0.5rem; right: -0.5rem; bottom: -0.5rem; border: 0.125rem solid var(--dxp-g-nmss-teal-01); border-radius: 0.625rem; } a.nmss-primary-button:hover:not(.slds-button, .slds-dropdown__item > a), button.nmss-primary-button:hover:not(.slds-button, .slds-dropdown__item > a) { background-color: var(--dxp-g-nmss-teal-02); text-decoration: none; } a.nmss-donate-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-donate-button:not(.slds-button, .slds-dropdown__item > a) { display: inline-block; border-radius: 0.625rem; border: 0.125rem solid var(--dxp-g-nmss-yellow-01); background: var(--dxp-g-nmss-yellow-01); color: var(--dxp-g-nmss-text-black); text-align: center; font-size: var(--dxp-g-nmss-body-font-size); font-style: normal; font-weight: 600; line-height: normal; padding: 0.8125rem 3rem; } a.nmss-donate-button:active:not(.slds-button, .slds-dropdown__item > a), button.nmss-donate-button:active:not(.slds-button, .slds-dropdown__item > a) { text-decoration: none; transform: scale(.95); } a.nmss-donate-button:focus:not(.slds-button, .slds-dropdown__item > a), button.nmss-donate-button:focus:not(.slds-button, .slds-dropdown__item > a) { position: relative; text-decoration: none; } a.nmss-donate-button:focus-visible:not(.slds-button, .slds-dropdown__item > a), button.nmss-donate-button:focus-visible:not(.slds-button, .slds-dropdown__item > a) { outline: none; } a.nmss-donate-button:hover:not(.slds-button, .slds-dropdown__item > a), button.nmss-donate-button:hover:not(.slds-button, .slds-dropdown__item > a) { background-color: var(--dxp-g-nmss-yellow-02); border-color: var(--dxp-g-nmss-yellow-02); text-decoration: none; } a.nmss-secondary-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-secondary-button:not(.slds-button, .slds-dropdown__item > a) { display: inline-block; border-radius: 0.625rem; border: 0.125rem solid var(--dxp-g-nmss-teal-01); background: var(--dxp-g-nmss-white); color: var(--dxp-g-nmss-teal-01); text-align: center; font-size: var(--dxp-g-nmss-body-font-size); font-style: normal; font-weight: 600; line-height: normal; padding: 0.8125rem 3rem; } a.nmss-secondary-button:active:not(.slds-button, .slds-dropdown__item > a), button.nmss-secondary-button:active:not(.slds-button, .slds-dropdown__item > a) { text-decoration: none; transform: scale(.95); } a.nmss-secondary-button:focus:not(.slds-button, .slds-dropdown__item > a), button.nmss-secondary-button:focus:not(.slds-button, .slds-dropdown__item > a) { position: relative; text-decoration: none; } a.nmss-secondary-button:focus-visible:not(.slds-button, .slds-dropdown__item > a), button.nmss-secondary-button:focus-visible:not(.slds-button, .slds-dropdown__item > a) { outline: none; } a.nmss-secondary-button:hover:not(.slds-button, .slds-dropdown__item > a), button.nmss-secondary-button:hover:not(.slds-button, .slds-dropdown__item > a) { background-color: var(--dxp-g-nmss-teal-03); text-decoration: none; } a.nmss-tertiary-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-tertiary-button:not(.slds-button, .slds-dropdown__item > a) { display: inline-block; background: var(--dxp-g-nmss-white); color: var(--dxp-g-nmss-teal-01); text-align: center; text-decoration: underline dotted var(--dxp-s-link-text-color) 0.0625rem; -webkit-text-decoration-line: underline !important; -webkit-text-decoration-color: var(--dxp-s-link-text-color) !important; -webkit-text-decoration-style: dotted !important; -webkit-text-decoration-thickness: 0.0625rem !important; text-underline-offset: 0.313rem; font-size: var(--dxp-g-nmss-body-font-size); font-style: normal; font-weight: 600; line-height: normal; padding: 0.8125rem 3rem; } a.nmss-tertiary-button:active:not(.slds-button, .slds-dropdown__item > a), button.nmss-tertiary-button:active:not(.slds-button, .slds-dropdown__item > a) { border-radius: 0.625rem; background: var(--dxp-g-nmss-grey-02); transform: scale(.95); } a.nmss-tertiary-button:focus:not(.slds-button, .slds-dropdown__item > a), button.nmss-tertiary-button:focus:not(.slds-button, .slds-dropdown__item > a) { position: relative; } a.nmss-tertiary-button:focus-visible:not(.slds-button, .slds-dropdown__item > a), button.nmss-tertiary-button:focus-visible:not(.slds-button, .slds-dropdown__item > a) { outline: none; } a.nmss-tertiary-button:hover:not(.slds-button, .slds-dropdown__item > a), button.nmss-tertiary-button:hover:not(.slds-button, .slds-dropdown__item > a) { color: var(--dxp-g-nmss-teal-02); text-decoration: underline solid var(--dxp-g-nmss-teal-02) 0.0625rem; text-underline-offset: 0.313rem; } @media (max-width: 48rem) { a.nmss-primary-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-primary-button:not(.slds-button, .slds-dropdown__item > a, .messenger-start-chat-button), a.nmss-secondary-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-secondary-button:not(.slds-button, .slds-dropdown__item > a), a.nmss-tertiary-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-tertiary-button:not(.slds-button, .slds-dropdown__item > a), a.nmss-donate-button:not(.slds-button, .slds-dropdown__item > a), button.nmss-donate-button:not(.slds-button, .slds-dropdown__item > a) { font-size: 1.125rem; padding: 0.5rem 1.5rem; border-radius: 0.5rem; } } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Errors */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .error { align-content: flex-start; color: var(--dxp-g-nmss-red-01); } c-nmss-svg-icon.error { padding-right: 0.75rem; position: relative; top: -2px; } input.input-error { border-color: var(--dxp-g-nmss-red-01) !important; } c-nmss-google-re-captcha .slds-form-element__help, .sign-in-container .slds-form-element__help, .registration-form .slds-form-element__help.error, .forgot-password-form .slds-form-element__help, .slds-form-element.slds-has-error .slds-form-element__help, .slds-form-element > .slds-has-error > .slds-form-element__help, lightning-input-field .slds-has-error > .slds-form-element__help, c-nmss-navigator-pre-chat .slds-form-element__help { font-size: 1.25rem; display: flex; margin: 0.5rem 0 0 0; } c-nmss-google-re-captcha .error::before, .sign-in-container .slds-form-element__help::before, .registration-form .slds-form-element__help.error::before, .forgot-password-form .slds-form-element__help::before, .slds-form-element.slds-has-error .slds-form-element__help::before, .slds-form-element > .slds-has-error > .slds-form-element__help::before, lightning-input-field .slds-has-error > .slds-form-element__help::before, c-nmss-navigator-pre-chat .slds-form-element__help.slds-has-error::before { background-image: url(/resource/nmssIcons/utility/error-icon.svg); content: 'Error'; text-indent: -999px; overflow: hidden; min-width: 1.75em; background-repeat: no-repeat; height: 1.5em; background-position: center; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Inputs */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .input-bar { align-self: stretch; background: var(---dxp-g-nmss-white); border: 0.0625rem solid var(--dxp-g-nmss-grey-04, #CCC5BA); border-radius: 0.3125rem; display: flex; flex: 1 0 0; font-size: var(--dxp-g-nmss-body-font-size); line-height: 1.875rem; padding: 0 0.5rem 0 0.5rem; } input.slds-input, lightning-input input.slds-input, textarea.slds-textarea { border-radius: 0.3125rem; border: 1px solid var(--dxp-g-nmss-grey-04); font-size: var(--dxp-g-nmss-body-font-size); line-height: 1.875rem; padding: 0.5625rem 1rem; } lightning-input-address.hide-search-label lightning-lookup-address.slds-form-element label { display: none; } input.slds-combobox__input.slds-input[readonly][role="combobox"] { border: none; border-inline-start: none; border-inline-end: none; border-block-start: none; border-block-end: none; } input.slds-combobox__input.slds-input[readonly][role="combobox"]:focus { box-shadow: none; -webkit-box-shadow: none; border-color: none; } label.slds-form-element__label.slds-assistive-text, lightning-helptext { display: none; } input.slds-input:focus, button.slds-combobox__input:focus, textarea.slds-textarea:focus, lightning-input lightning-datepicker div.slds-select_container > select.slds-select:focus { box-shadow: none; border-radius: 5px; outline: 1px solid var(--dxp-g-nmss-teal-01); border-color: transparent; } fieldset.slds-form-element_address div.slds-form-element__row { align-items: baseline; } lightning-input lightning-datepicker h2 { font-size: initial; line-height: initial; margin-bottom: initial; margin-top: initial; font-weight: initial; } lightning-input button.slds-button.slds-button_icon:focus { outline: 1px solid var(--dxp-g-nmss-teal-01); outline-offset: 5px; border-radius: 0; box-shadow: none; } lightning-input lightning-datepicker table.slds-datepicker__month > tbody > tr > td:focus { outline: 1px solid var(--dxp-g-nmss-teal-01); box-shadow: none; -webkit-box-shadow: none; } lightning-input lightning-datepicker table.slds-datepicker__month > tbody > tr > td:focus > span.slds-day { box-shadow: none; -webkit-box-shadow: none; } lightning-input lightning-datepicker table.slds-datepicker__month > tbody > tr > td.slds-is-selected > span.slds-day { background: var(--dxp-g-nmss-focus-state); } lightning-input lightning-datepicker table.slds-datepicker__month > tbody > tr > td.slds-is-selected:focus > span.slds-day { background: var(--dxp-g-nmss-focus-state); box-shadow: none; -webkit-box-shadow: none; } lightning-input lightning-datepicker button.slds-button.slds-text-link { color: var(--dxp-g-nmss-teal-01); text-decoration: underline dotted var(--dxp-s-link-text-color) 1px; -webkit-text-decoration-line: underline !important; -webkit-text-decoration-color: var(--dxp-s-link-text-color) !important; -webkit-text-decoration-style: dotted !important; -webkit-text-decoration-thickness: 0.0625rem !important; text-underline-offset: 5px; font-style: normal; line-height: normal; padding: 0px 5px 5px; } lightning-input lightning-datepicker button.slds-button.slds-text-link:focus { outline: 1px var(--dxp-g-nmss-focus-state) solid; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; } lightning-input lightning-datepicker button.slds-button.slds-text-link:hover { color: var(--dxp-g-nmss-teal-02) !important; text-decoration: underline solid var(--dxp-g-nmss-teal-02) 1px !important; -webkit-text-decoration-line: underline !important; -webkit-text-decoration-color: var(--dxp-s-link-text-color) !important; -webkit-text-decoration-style: solid !important; -webkit-text-decoration-thickness: 0.0625rem !important; text-underline-offset: 5px !important; } lightning-input lightning-datepicker button.slds-button.slds-text-link:active { background-color: var(--dxp-g-nmss-grey-02) !important; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Headlines */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ h1, h2, h3, h4, h5, .headline1, .headline2, .headline3, .headline4, .headline5 { display: -webkit-box; font-style: normal; font-weight: 600; -webkit-box-orient: vertical; } h1, .headline1 { font-size: var(--dxp-g-nmss-headline-1-font-size); line-height: var(--dxp-g-nmss-headline-1-line-height); margin-bottom: var(--dxp-g-nmss-headline-1-bottom-margin); margin-top: var(--dxp-g-nmss-headline-1-top-margin); max-width: var(--dxp-g-nmss-headline-1-max-width); } h2, .headline2 { font-size: var(--dxp-g-nmss-headline-2-font-size); line-height: var(--dxp-g-nmss-headline-2-line-height); margin-bottom: var(--dxp-g-nmss-headline-2-bottom-margin); margin-top: var(--dxp-g-nmss-headline-2-top-margin); max-width: var(--dxp-g-nmss-text-max-width); } h2.nmss-hero-header { font-size: var(--dxp-g-nmss-hero-headline-2-font-size); font-weight: 700; line-height: var(--dxp-g-nmss-hero-headline-2-line-height); } h3, .headline3 { font-size: var(--dxp-g-nmss-headline-3-font-size); line-height: var(--dxp-g-nmss-headline-3-line-height); margin-bottom: var(--dxp-g-nmss-headline-3-bottom-margin); margin-top: var(--dxp-g-nmss-headline-3-top-margin); max-width: var(--dxp-g-nmss-text-max-width); } h4, .headline4 { font-size: var(--dxp-g-nmss-headline-4-font-size); line-height: var(--dxp-g-nmss-headline-4-line-height); max-width: var(--dxp-g-nmss-text-max-width); } h5, .headline5 { font-size: var(--dxp-g-nmss-headline-5-font-size); line-height: var(--dxp-g-nmss-headline-5-line-height); max-width: var(--dxp-g-nmss-text-max-width); } button.accordion-list-item-div h5, .headline5{ color: var(--dxp-g-nmss-teal-01); font-weight: 600; line-height: initial; text-align: left; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Body */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ body, p, blockquote, .body { font-size: var(--dxp-g-nmss-body-font-size); line-height: var(--dxp-g-nmss-body-line-height); font-synthesis: none; } :root { /* Overriding mobile content container padding variables */ --dxp-s-section-content-spacing-block-start-mobile: 0; --dxp-c-section-content-spacing-block-start-mobile: 0; --dxp-s-section-content-spacing-block-end-mobile: 0; --dxp-c-section-content-spacing-block-end-mobile: 0; --dxp-s-section-content-spacing-inline-start-mobile: 0; --dxp-c-section-content-spacing-inline-start-mobile: 0; --dxp-s-section-content-spacing-inline-end-mobile: 0; --dxp-c-section-content-spacing-inline-end-mobile: 0; --sds-c-checkbox-toggle-color-border-checked: var(--dxp-g-nmss-teal-01); --sds-c-checkbox-toggle-color-background-checked: var(--dxp-g-nmss-teal-01); } @media (max-width: 76rem) { :root { /* Overriding mobile content container padding variables */ --dxp-s-section-content-spacing-block-start-mobile: 1rem; --dxp-c-section-content-spacing-block-start-mobile: 1rem; --dxp-s-section-content-spacing-block-end-mobile: 1rem; --dxp-c-section-content-spacing-block-end-mobile: 1rem; --dxp-s-section-content-spacing-inline-start-mobile: 1rem; --dxp-c-section-content-spacing-inline-start-mobile: 1rem; --dxp-s-section-content-spacing-inline-end-mobile: 1rem; --dxp-c-section-content-spacing-inline-end-mobile: 1rem; } c-nmss-custom-theme-layout community_layout-section.comm-section-container { padding: var( --dxp-c-section-content-spacing-block-start-mobile, var( --dxp-style-c-padding-top-m, var(--dxp-s-section-content-spacing-block-start-mobile) ) ) var( --dxp-c-section-content-spacing-inline-end-mobile, var( --dxp-style-c-padding-right-m, var(--dxp-s-section-content-spacing-inline-end-mobile) ) ) var( --dxp-c-section-content-spacing-block-end-mobile, var( --dxp-style-c-padding-bottom-m, var(--dxp-s-section-content-spacing-block-end-mobile) ) ) var( --dxp-c-section-content-spacing-inline-start-mobile, var( --dxp-style-c-padding-left-m, var(--dxp-s-section-content-spacing-inline-start-mobile) ) ); } } body div.content-container div.columns-content { max-width: var(--dxp-g-nmss-section-columns-max-width); width: calc(12/14 * 100%); margin: auto; flex-direction: column !important; } body div.content-container div.colums-content .nmss-col_14-of-14, .nmss-col_14-of-14 { max-width: var(--dxp-c-section-columns-max-width, var(--dxp-s-section-columns-max-width)); width: calc(100vw - var(--scrollbar-width, 1rem)); margin-left: calc(-1 * 1/12 * 100% - 3px); } /* Leave in pixels due to rounding issues */ @media (max-width: 1438px) { body div.content-container div.colums-content .nmss-col_14-of-14, .nmss-col_14-of-14 { margin-left: calc(-1 * 1/12 * 100% - 2px); } } /* Leave in pixels due to rounding issues */ @media (max-width: 1436px) { body div.content-container div.colums-content .nmss-col_14-of-14, .nmss-col_14-of-14 { margin-left: calc(-1 * 1/12 * 100% - 1px); } } /* Leave in pixels due to rounding issues */ @media (max-width: 1434px) { body div.content-container div.colums-content .nmss-col_14-of-14, .nmss-col_14-of-14 { margin-left: calc(-1 * 1/12 * 100%); } } @media (max-width: 64rem) { body div.content-container div.colums-content .nmss-col_14-of-14, .nmss-col_14-of-14 { margin-left: calc( -1 * (1/12 * 100% + var(--dxp-c-section-content-spacing-block-end-mobile, var(--dxp-style-c-padding-bottom-m, var(--dxp-s-section-content-spacing-block-end-mobile))))); } /* Updating header container to override SLDS behavior at this breakpoint */ body header.header div.columns-content { max-width: inherit; } } @media (max-width: 48rem) { body div.content-container div.columns-content .mobile-full-width, body div.content-container div.colums-content .nmss-col_14-of-14, .nmss-col_14-of-14 { margin-left: calc(-1 * var(--dxp-c-section-content-spacing-block-start-mobile, var(--dxp-style-c-padding-top-s, var(--dxp-s-section-content-spacing-block-start-mobile)))); width: calc(100vw - var(--scrollbar-width, 1rem)); } body div.content-container div.columns-content { width: 100%; } } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Visibility */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .nmss-hide { display: none; } .nmss-show { display: block; } .nmss-hide_large { display: none; } .nmss-show_large { display: block; } @media (max-width: 76rem) { .nmss-hide_large { display: block; } .nmss-show_large { display: none; } } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Checkboxes */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label slds-form-element__label { font-size: var(--dxp-g-nmss-body-font-size); } .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux { background-color: black; } .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after { border-color: white; width: 15px; height: 6px; top: 40%; border-radius: 1px; } .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux { border-radius: 3px; border: 2px solid black; width: 1.25rem; height: 1.25rem; } .slds-form-element .slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux { box-shadow: none; outline: 2px solid var(--dxp-g-nmss-teal-01); outline-offset: 5px; } input[type="checkbox"].nmss-form-checkbox { appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M32 33.3333H16C15.2667 33.3333 14.6667 32.7333 14.6667 32V16C14.6667 15.2667 15.2667 14.6667 16 14.6667H32C32.7333 14.6667 33.3333 15.2667 33.3333 16V32C33.3333 32.7333 32.7333 33.3333 32 33.3333ZM33.3333 12H14.6667C13.2 12 12 13.2 12 14.6667V33.3333C12 34.8 13.2 36 14.6667 36H33.3333C34.8 36 36 34.8 36 33.3333V14.6667C36 13.2 34.8 12 33.3333 12Z' fill='black'/%3E%3C/svg%3E"); height: calc(3rem - 2px); margin: 2px; /* Margin to account for the outline with focus. */ min-width: calc(3rem - 2px); } input[type="checkbox"].nmss-form-checkbox:checked { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M33.3333 12H14.6667C13.2 12 12 13.2 12 14.6667V33.3333C12 34.8 13.2 36 14.6667 36H33.3333C34.8 36 36 34.8 36 33.3333V14.6667C36 13.2 34.8 12 33.3333 12ZM22.28 29.72C21.76 30.24 20.92 30.24 20.4 29.72L15.6133 24.9333C15.0933 24.4133 15.0933 23.5733 15.6133 23.0533C16.1333 22.5333 16.9733 22.5333 17.4933 23.0533L21.3333 26.8933L30.5067 17.72C31.0267 17.2 31.8667 17.2 32.3867 17.72C32.9067 18.24 32.9067 19.08 32.3867 19.6L22.28 29.72Z' fill='black'/%3E%3C/svg%3E"); } input[type="checkbox"].nmss-form-checkbox:focus, input[type="checkbox"].nmss-form-checkbox:focus-visible { border-radius: 5px; outline: 2px solid var(--dxp-g-nmss-teal-01); } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Dropdown / Combobox */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ lightning-combobox > div > div > lightning-base-combobox > div > div > div.slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right > div > lightning-icon > span > lightning-primitive-icon > svg > g { display: none; } lightning-combobox > div > div > lightning-base-combobox > div > div > div.slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right > div > lightning-icon { top: 35%; right: 1.25rem; } lightning-combobox.slds-form-element .slds-form-element__control .slds-icon-utility-down.slds-icon_container span { background-image: url("/resource/nmssIcons/utility/down-icon-no-fill.svg"); background-position: center; height: 100%; width: 100%; } lightning-combobox.slds-form-element .slds-form-element__control button.slds-combobox__input { border-radius: 0.3125rem; border: 1px solid var(--dxp-g-nmss-grey-04); font-size: var(--dxp-g-nmss-body-font-size); line-height: 1.875rem; padding: 0.5625rem 1rem; } lightning-combobox.slds-form-element .slds-form-element__control lightning-base-combobox-item.slds-listbox__option { font-size: var(--dxp-g-nmss-body-font-size); } lightning-combobox.slds-form-element .slds-form-element__control lightning-base-combobox-item.slds-listbox__option:focus { background-color: var(--dxp-g-nmss-grey-02); } fieldset.slds-form-element_compound lightning-picklist.slds-form-element lightning-combobox.slds-form-element { padding-left: 0; padding-right: 0; } lightning-combobox.slds-form-element button.slds-combobox__input[role="combobox"] span.slds-truncate, lightning-combobox.slds-form-element div.slds-listbox span.slds-truncate { overflow: auto; white-space: normal; } lightning-input-address.slds-form_compound div.slds-form-element__row .slds-form-element[data-field="city"] { padding-right: 0.875rem; } lightning-input-address.slds-form_compound div.slds-form-element__row .slds-form-element[data-field="province"] { padding-left: 0.875rem; } lightning-input-address.slds-form_compound div.slds-form-element__row .slds-size_4-of-6, lightning-input-address.slds-form_compound div.slds-form-element__row .slds-size_2-of-6 { width: 50%; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Radio buttons */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ input[type="radio"].nmss-form-radio { appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 36C22.34 36 20.78 35.685 19.32 35.055C17.86 34.425 16.59 33.57 15.51 32.49C14.43 31.41 13.575 30.14 12.945 28.68C12.315 27.22 12 25.66 12 24C12 22.34 12.315 20.78 12.945 19.32C13.575 17.86 14.43 16.59 15.51 15.51C16.59 14.43 17.86 13.575 19.32 12.945C20.78 12.315 22.34 12 24 12C25.66 12 27.22 12.315 28.68 12.945C30.14 13.575 31.41 14.43 32.49 15.51C33.57 16.59 34.425 17.86 35.055 19.32C35.685 20.78 36 22.34 36 24C36 25.66 35.685 27.22 35.055 28.68C34.425 30.14 33.57 31.41 32.49 32.49C31.41 33.57 30.14 34.425 28.68 35.055C27.22 35.685 25.66 36 24 36ZM24 33.6C26.68 33.6 28.95 32.67 30.81 30.81C32.67 28.95 33.6 26.68 33.6 24C33.6 21.32 32.67 19.05 30.81 17.19C28.95 15.33 26.68 14.4 24 14.4C21.32 14.4 19.05 15.33 17.19 17.19C15.33 19.05 14.4 21.32 14.4 24C14.4 26.68 15.33 28.95 17.19 30.81C19.05 32.67 21.32 33.6 24 33.6Z' fill='%231C1B1F'/%3E%3C/svg%3E"); height: calc(3rem - 2px); margin: 2px; /* Margin to account for the outline with focus. */ width: calc(3rem - 2px); } input[type="radio"].nmss-form-radio:checked { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 30C25.66 30 27.075 29.415 28.245 28.245C29.415 27.075 30 25.66 30 24C30 22.34 29.415 20.925 28.245 19.755C27.075 18.585 25.66 18 24 18C22.34 18 20.925 18.585 19.755 19.755C18.585 20.925 18 22.34 18 24C18 25.66 18.585 27.075 19.755 28.245C20.925 29.415 22.34 30 24 30ZM24 36C22.34 36 20.78 35.685 19.32 35.055C17.86 34.425 16.59 33.57 15.51 32.49C14.43 31.41 13.575 30.14 12.945 28.68C12.315 27.22 12 25.66 12 24C12 22.34 12.315 20.78 12.945 19.32C13.575 17.86 14.43 16.59 15.51 15.51C16.59 14.43 17.86 13.575 19.32 12.945C20.78 12.315 22.34 12 24 12C25.66 12 27.22 12.315 28.68 12.945C30.14 13.575 31.41 14.43 32.49 15.51C33.57 16.59 34.425 17.86 35.055 19.32C35.685 20.78 36 22.34 36 24C36 25.66 35.685 27.22 35.055 28.68C34.425 30.14 33.57 31.41 32.49 32.49C31.41 33.57 30.14 34.425 28.68 35.055C27.22 35.685 25.66 36 24 36ZM24 33.6C26.68 33.6 28.95 32.67 30.81 30.81C32.67 28.95 33.6 26.68 33.6 24C33.6 21.32 32.67 19.05 30.81 17.19C28.95 15.33 26.68 14.4 24 14.4C21.32 14.4 19.05 15.33 17.19 17.19C15.33 19.05 14.4 21.32 14.4 24C14.4 26.68 15.33 28.95 17.19 30.81C19.05 32.67 21.32 33.6 24 33.6Z' fill='%231C1B1F'/%3E%3C/svg%3E"); } input[type="radio"].nmss-form-radio:focus, input[type="radio"].nmss-form-radio:focus-visible { border-radius: 5px; outline: 2px solid var(--dxp-g-nmss-teal-01); } lightning-radio-group fieldset[part="input-radio-group"] div[part="options"].slds-form-element__control { display: flex; column-gap: 2.25rem; } .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux { height: 1.25rem; width: 1.25rem; border-width: 2px; border-color: var(--dxp-g-nmss-text-black); } .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::after { background-color: var(--dxp-g-nmss-text-black); width: 0.625rem; height: 0.625rem; } .slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:focus:checked+.slds-radio__label .slds-radio_faux { border-color: var(--dxp-g-nmss-text-black); outline: 2px solid var(--dxp-g-nmss-teal-01); outline-offset: 5px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Background Classes */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .background-teal { background-color: var(--dxp-g-nmss-background-teal); } .background-green { background-color: var(--dxp-g-nmss-background-green); } .background-grey { background-color: var(--dxp-g-nmss-background-grey); } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Static Spinner (for Too Many Requests page) */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .static-page-spinner { height: 1px; left: 50%; margin: -1px; text-indent: -9999px; top: 50%; width: 1px; } .static-page-spinner::before { content: ''; background: conic-gradient(#ffffff, #00B2E3); clip-path: path("M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0Zm0 7.133C14.685 7.133 7.133 14.685 7.133 24c0 9.315 7.552 16.867 16.867 16.867 9.315 0 16.867-7.552 16.867-16.867 0-9.315-7.552-16.867-16.867-16.867Z"); position: absolute; left: 50%; translate: -50% -50%; width: 3rem; height: 3rem; z-index: 2; animation: loading-rotate 1s linear infinite; } .component-spinner { left: 50%; position: absolute; text-indent: -9999px; top: 50%; } .component-spinner::before { background: rgba(0, 0, 0, 0.1); content: ''; background: conic-gradient(#ffffff, #00B2E3); clip-path: path("M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0Zm0 7.133C14.685 7.133 7.133 14.685 7.133 24c0 9.315 7.552 16.867 16.867 16.867 9.315 0 16.867-7.552 16.867-16.867 0-9.315-7.552-16.867-16.867-16.867Z"); position: absolute; left: 50%; translate: -50% -50%; width: 3rem; height: 3rem; z-index: 2; animation: loading-rotate 1s linear infinite; } .component-spinner-blur, .component-spinner-blur > ul, .component-spinner-blur > .title-container { opacity: 0.5; filter: blur(2px); } @keyframes loading-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Misc */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ hr.divider { border-color: var(--dxp-g-nmss-grey-01); margin-bottom: 4rem; margin-top: 0; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* A11Y */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .screen-reader-only { clip: rect(0 0 0 0); overflow: hidden; position: absolute; white-space: nowrap; width: 0.0625rem; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Momentum */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ :root { /** Fonts for all root/body text **/ --dxp-g-momentum-root-font-family: 'Cambria W01 Regular', Helvetica, sans-serif; /** Fonts for headings **/ --dxp-g-momentum-heading-font-family: 'Cambria W01 Bold', Times, serif; /* header typography */ --dxp-g-momentum-headline-1-font-size: 3rem; --dxp-g-momentum-headline-1-line-height: 120%; --dxp-g-momentum-headline-2-font-size: 2.25rem; --dxp-g-momentum-headline-2-line-height: 120%; --dxp-g-momentum-hero-headline-2-font-size: 3.625rem; --dxp-g-momentum-hero-headline-2-line-height: 120%; --dxp-g-momentum-hero-headline-2-bottom-margin: 1.875rem; --dxp-g-momentum-hero-headline-2-top-margin: 1.875rem; --dxp-g-momentum-headline-3-font-size: 2rem; --dxp-g-momentum-headline-3-line-height: normal; --dxp-g-momentum-headline-4-font-size: 1.25rem; --dxp-g-momentum-headline-4-line-height: 120%; --dxp-g-momentum-headline-5-font-size: 1.25rem; --dxp-g-momentum-headline-5-line-height: 120%; --dxp-g-momentum-layout-gap: 2.25rem; @media (max-width: 48rem) { --dxp-g-momentum-headline-1-font-size: 1.75rem; --dxp-g-momentum-headline-2-font-size: 2.25rem; --dxp-g-momentum-hero-headline-2-font-size: 1.75rem; --dxp-g-momentum-hero-headline-2-bottom-margin: 1rem; --dxp-g-momentum-hero-headline-2-top-margin: 1rem; --dxp-g-momentum-headline-3-font-size: 1.25rem; --dxp-g-momentum-headline-4-font-size: 1.125rem; --dxp-g-momentum-headline-5-font-size: 1.125rem; } } .momentum h1, .momentum .headline1, .momentum h2, .momentum .headline2, .momentum h3, .momentum .headline3, .momentum h4, .momentum .headline4, .momentum h5, .momentum .headline5 { font-family: var(--dxp-g-momentum-heading-font-family); font-style: normal; font-weight: 700; } .base-font h1, .base-font .headline1, .base-font h2, .base-font .headline2, .base-font h3, .base-font .headline3, .base-font h4, .base-font .headline4, .base-font h5, .base-font .headline5, h1.base-font, .headline1.base-font, h2.base-font, .headline2.base-font, h3.base-font, .headline3.base-font, h4.base-font, .headline4.base-font, h5.base-font, .headline5.base-font { font-family: var(--dxp-g-heading-font-family); font-style: normal; font-weight: 600; } .white-text h2{ color: var(--dxp-g-nmss-white); } .momentum h1 :not(.base-font){ font-size: var(--dxp-g-momentum-headline-1-font-size); line-height: var(--dxp-g-momentum-headline-1-line-height); } .momentum h2.nmss-hero-header :not(.base-font){ background-color: var(--dxp-g-nmss-text-black); color: var(--dxp-g-nmss-white); display: -webkit-box; font-size: var(--dxp-g-momentum-hero-headline-2-font-size); margin-bottom: var(--dxp-g-momentum-hero-headline-2-bottom-margin); margin-top: var(--dxp-g-momentum-hero-headline-2-top-margin); -webkit-box-orient: vertical; } .momentum h2 :not(.base-font){ font-size: var(--dxp-g-momentum-headline-2-font-size); line-height: var(--dxp-g-momentum-headline-2-line-height); } .momentum h3 :not(.base-font){ font-size: var(--dxp-g-momentum-headline-3-font-size); line-height: var(--dxp-g-momentum-headline-3-line-height); } .momentum h4 :not(.base-font){ font-size: var(--dxp-g-momentum-headline-4-font-size); line-height: var(--dxp-g-momentum-headline-4-line-height); } .momentum h5 :not(.base-font){ font-size: var(--dxp-g-momentum-headline-5-font-size); line-height: var(--dxp-g-momentum-headline-5-line-height); } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* Tertiary Button Collection */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .tertiary-collection .collection-parent li .nmss-tertiary-button { padding: 0.625rem 3rem 0.8125rem; } @media (max-width: 767px) { .tertiary-collection .collection-parent li .nmss-tertiary-button { padding: 0.25rem 1.5rem 0.5rem; } } div.contact-us-container a, div.accordion-html > span > a, div.accordion-html > a, lightning-formatted-rich-text > span > a, span.profile-subtitle > a, p.contact-us > a, c-nmss-atom-rich-text > div > a, c-nmss-atom-rich-text > div > ul > li > a, c-nmss-atom-rich-text > div > p > a, a.anchor-tag-override:not(.slds-button,.slds-dropdown__item>a) { line-height: normal; text-decoration: underline dotted var(--dxp-s-link-text-color) 0.0625rem; -webkit-text-decoration-line: underline; -webkit-text-decoration-color: var(--dxp-s-link-text-color); -webkit-text-decoration-style: dotted; -webkit-text-decoration-thickness: 0.0625rem; text-underline-offset: 0.3125rem; } div.contact-us-container a:hover, div.accordion-html > span > a:hover, div.accordion-html > a:hover, lightning-formatted-rich-text > span > a:hover, span.profile-subtitle > a:hover, p.contact-us > a:hover, c-nmss-atom-rich-text > div > a:hover:not(.slds-button,.slds-dropdown__item>a), c-nmss-atom-rich-text > div > p > a:hover:not(.slds-button,.slds-dropdown__item>a), c-nmss-atom-rich-text > div > ul > li > a:hover:not(.slds-button,.slds-dropdown__item>a), a.anchor-tag-override:hover:not(.slds-button,.slds-dropdown__item>a) { color: var(--dxp-g-nmss-teal-02); text-decoration: underline solid var(--dxp-g-nmss-teal-02) 0.0625rem; -webkit-text-decoration-line: underline; -webkit-text-decoration-color: var(--dxp-g-nmss-teal-02); -webkit-text-decoration-style: solid; -webkit-text-decoration-thickness: 0.0625rem; text-underline-offset: 0.3125rem; } div.contact-us-container a:active, div.accordion-html > span > a:active, div.accordion-html > a:active, lightning-formatted-rich-text > span > a:active, span.profile-subtitle > a:active, p.contact-us > a:active, a.anchor-tag-override:active:not(.slds-button,.slds-dropdown__item>a) { background-color: var(--dxp-g-nmss-grey-02); } div.contact-us-container a:focus, div.accordion-html > span > a:focus, div.accordion-html > a:focus, lightning-formatted-rich-text > span > a:focus, span.profile-subtitle > a:focus, p.contact-us > a:focus, a.anchor-tag-override:focus:not(.slds-button,.slds-dropdown__item>a) { outline: 1px var(--dxp-g-nmss-focus-state) solid; outline-offset: 0.125rem; } div.contact-us-container a:focus-visible, div.accordion-html > span > a:focus-visible, div.accordion-html > a:focus-visible, lightning-formatted-rich-text > span > a:focus-visible, span.profile-subtitle > a:focus-visible, p.contact-us > a:focus-visible, a.anchor-tag-override:focus-visible:not(.slds-button,.slds-dropdown__item>a) { outline: 1px var(--dxp-g-nmss-focus-state) solid; outline-offset: 0.125rem; } c-nmss-cb-form .cb-form-textarea-label { width: 100% !important; } c-nmss-personalization-prompt lightning-combobox.slds-form-element .slds-form-element__control button.slds-combobox__input { border-radius: 1.875rem; border-color: transparent; } c-nmss-personalization-prompt .slds-dropdown-trigger .slds-dropdown { border-radius: 1.875rem; } c-nmss-personalization-prompt button.slds-combobox__input:focus { outline: 1.5px var(--dxp-g-nmss-true-black) solid; } c-nmss-personalization-prompt lightning-combobox.slds-form-element button.slds-combobox__input[role="combobox"] span.slds-truncate { overflow: hidden !important; white-space: nowrap !important; } lightning-base-combobox-item:hover, lightning-base-combobox-item.slds-has-focus{ box-shadow: 0 0 0 0px #ffffff inset !important; } lightning-input-address > fieldset > div > div > div > lightning-picklist, lightning-input-address > fieldset > div > div > div > lightning-textarea, lightning-input-address > fieldset > div > div > div > lightning-input, lightning-input-address > fieldset > div > div > div > lightning-lookup-address, lightning-input-address > fieldset > div > div > div > lightning-picklist > lightning-combobox { margin-bottom: 0px !important; } /* Hide Safari auto fill icons */ input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } /** uninitialized button style */ .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton{ background: var(--dxp-g-nmss-teal-01) !important; display: block; box-shadow: none !important; border-radius: 10px 10px 10px 10px !important; width: 19rem !important; height: 2rem !important; border: 1px solid white !important; bottom: 5px !important; right: 2.5% !important; } /** initialized button style */ .minimizedButtonWrapper > button{ background: var(--dxp-g-nmss-teal-01) !important; display: block; box-shadow: none !important; border-radius: 10px 10px 10px 10px !important; width: 19rem !important; height: 2rem !important; border: 1px solid white !important; bottom: 5px !important; right: 2.5% !important; } /** initialized iframe style */ .embeddedMessagingFrame.isMinimized{ display: block; box-shadow: none !important; border-radius: 10px 10px 10px 10px !important; width: 20rem !important; height: 2.5rem; bottom: 5px !important; right: 2.5% !important; } .embedded-messaging > .embeddedMessagingFrame.isMaximized{ height: 39rem !important; } .slds-chat-message__text_outbound a { color: #fff; } .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton::before, .embeddedMessagingConversationButtonWrapper > button::before, .minimizedButtonWrapper > button::before { content: 'Chat with an MS Navigator'; color: white; font-family: var(--dxp-g-root-font-family); font-size: 1rem !important; } html:lang(es) .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton::before, .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton[title="Ampliar la ventana de chat"]::before, .embeddedMessagingConversationButtonWrapper > button[title="Ampliar la ventana de chat"]::before, .minimizedButtonWrapper > button[title="Ampliar la ventana de chat"]::before { content: 'Charle con un MS Navigator' !important; color: white; font-family: var(--dxp-g-root-font-family); font-size: 1rem !important; } .embeddedMessagingIconContainer > .embeddedMessagingLoadingSpinner, .embeddedMessagingIconContainer > .embeddedMessagingLoadingCircle, .embeddedMessagingIconContainer > .embeddedMessagingIconLoading, .embeddedMessagingIconContainer > .embeddedMessagingConversationButtonLoading, .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton > div > svg, .embeddedMessagingConversationButton > svg, .minimizedButtonWrapper > button > div > svg { width: 20px !important; height: 20px !important; margin-left: 10px !important; margin-bottom: 5px !important; } .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton:focus, .minimizedButtonWrapper > button:focus { outline: 0.125rem solid var(--dxp-g-nmss-teal-01) !important; outline-offset: 0.125rem !important; } .embeddedMessagingConversationButtonWrapper > .embeddedMessagingConversationButton:hover, .minimizedButtonWrapper > button:hover { background-color: var(--dxp-g-nmss-teal-02) !important; opacity: 1 !important; } embeddedmessaging-chat-header > .chatHeader{ background: var(--dxp-g-nmss-teal-01) !important; } embeddedmessaging-chat-header > .chatHeader > .headerText{ font-family: var(--dxp-g-root-font-family) !important; } embeddedmessaging-form-field .slds-required{ display: none; } c-nmss-navigator-pre-chat.containerArea{ overflow: auto; padding: 0.25rem 2rem !important } c-nmss-pre-chat-form-field .slds-form-element.slds-has-error .slds-form-element__help{ font-size: 1.125rem !important; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ListStyles */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .c-nmss-liststyle-decimal { list-style-type: decimal !important; } .c-nmss-liststyle-loweralfa { list-style-type: lower-alpha !important; } .c-nmss-liststyle-upperroman { list-style-type: upper-roman !important; } @media (max-width: 64rem) { .right-column lightning-radio-group fieldset[part="input-radio-group"] div[part="options"].slds-form-element__control { display: inline !important; } .right-column lightning-radio-group fieldset[part="input-radio-group"] div[part="options"].slds-form-element__control .slds-radio { margin-bottom: 1rem; } } .quantic-sort-radio-group fieldset[part="input-radio-group"] div[part="options"].slds-form-element__control { display: inline !important; }