@font-face {
    font-family: 'Whitney';
    src: url('/sfsites/c/resource/B2BP_Fonts/Whitney-Book-Pro.otf') format('opentype');
    font-weight: 325;
    font-style:normal;
}
@font-face {
    font-family: 'Whitney';
    src: url('/sfsites/c/resource/B2BP_Fonts/whitneymedium.otf') format('opentype');
    font-weight: 350;
    font-style:normal;
}
@font-face {
    font-family: 'Whitney';
    src: url('/sfsites/c/resource/B2BP_Fonts/WhitneyW05-Semibold.woff2') format('woff');
    font-weight: 375;
    font-style:normal;
}
@font-face {
    font-family: 'Whitney Condensed';
    src: url('/sfsites/c/resource/B2BP_Fonts/WhitneyCondensedW05-Book.woff2') format('woff');
    font-weight: 325;
    font-style:normal;
}
/* We don't have the medium font in our font folder, need to ask for this one */
/*@font-face {
    font-family: 'Whitney Condensed';
    src: url('/sfsites/c/resource/LH_Resources/fonts/whitneymedium.otf') format('opentype');
    font-weight: 350;
    font-style:normal;
}*/
@font-face {
    font-family: 'Whitney Condensed';
    src: url('/sfsites/c/resource/B2BP_Fonts/WhitneyCondensedW05-SmBd.woff2') format('woff');
    font-weight: 375;
    font-style:normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/sfsites/c/resource/FontAwesome/fonts/fontawesome-webfont.woff2') format('woff');
}

.eyebrow-x-small {
    font-size: var(--font-size-eyebrow-x-small, 14px);
    letter-spacing: var(--letter-spacing-eyebrow-x-small,3.5px);
    line-height: var(--line-height-eyebrow-x-small,17.5px);
}

.eyebrow-small {
    font-size: var(--font-size-eyebrow-small, 16px);
    letter-spacing: var(--letter-spacing-eyebrow-small,4px);
    line-height: var(--line-height-eyebrow-small,20px);
}

.eyebrow-medium {
    font-size: var(--font-size-eyebrow-medium, 18px);
    letter-spacing: var(--letter-spacing-eyebrow-medium,4.5px);
    line-height: var(--line-height-eyebrow-medium,22.5px);
}

.eyebrow-large {
    font-size: var(--font-size-eyebrow-large, 20px);
    letter-spacing: var(--letter-spacing-eyebrow-large,5px);
    line-height: var(--line-height-eyebrow-large,25px);
}

.eyebrow-x-large {
    font-size: var(--font-size-eyebrow-x-large, 24px);
    letter-spacing: var(--letter-spacing-eyebrow-x-large,6px);
    line-height: var(--line-height-eyebrow-x-large,30px);
}

.heading-xx-small {
    font-size: var(--font-size-heading-XXS, 18px);
    letter-spacing: var(--letter-spacing-heading-XXS,-0.18px);
    line-height: var(--line-height-heading-XXS,20px);
}

.heading-x-small {
    font-size: var(--font-size-heading-XS, 24px);
    letter-spacing: var(--letter-spacing-heading-XS,-0.24px);
    line-height: var(--line-height-heading-XS,27px);
}

.heading-small {
    font-size: var(--font-size-heading-S, 28px);
    letter-spacing: var(--letter-spacing-heading-S,-0.28px);
    line-height: var(--line-height-heading-S,31px);
}

.heading-medium {
    font-size: var(--font-size-heading-M, 32px);
    letter-spacing: var(--letter-spacing-heading-M, -0.32px);
    line-height: var(--line-height-heading-M, 36px);
}

.heading-large {
    font-size: var(--font-size-heading-L, 36px);
    letter-spacing: var(--letter-spacing-heading-L, -0.36px);
    line-height: var(--line-height-heading-L, 40px);
}

.heading-x-large {
    font-size: var(--font-size-heading-XL, 40px);
    letter-spacing: var(--letter-spacing-heading-XL, -0.4px);
    line-height: var(--line-height-heading-XL, 45px);
}

.heading-xx-large {
    font-size: var(--font-size-heading-XXL, 48px);
    letter-spacing: var(--letter-spacing-heading-XXL, -0.48px);
    line-height: var(--line-height-heading-XXL, 53.5px);
}

.heading-xxx-large {
    font-size: var(--font-size-heading-XXXL, 64px);
    letter-spacing: var(--letter-spacing-heading-XXXL, -0.64px);
    line-height: var(--line-height-heading-XXXL, 71.5px);
}

.dl-main-content-area {
    background-color: var(--global-surface-1);
    min-height: 50rem;
}

.lh-container-fluid {
    margin-left: auto;
    margin-right: auto;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.w-auto {
    width: auto !important;
}

.h-auto {
    height: auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-stretch {
     align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-auto {
    margin-left: auto !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.mr-n1 {
    margin-right: -0.25rem !important;
}

.mr-n2 {
    margin-right: -0.5rem !important;
}

.mr-n3 {
    margin-right: -1rem !important;
}

.mr-n4 {
    margin-right: -1.5rem !important;
}

.mr-n5 {
    margin-right: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
     margin-bottom: -3rem !important;
}

.ml-n1 {
     margin-left: -0.25rem !important;
}

.ml-n2 {
    margin-left: -0.5rem !important;
}

.ml-n3 {
     margin-left: -1rem !important;
}

.ml-n4 {
     margin-left: -1.5rem !important;
}

.ml-n5 {
    margin-left: -3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2, .dl-library-card-category {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
     padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.border {
    border: 1px solid var(--stroke-color-light) !important;
}

.border-bottom {
    border-bottom: 1px solid var(--stroke-color-light) !important;
}

.border-top {
    border-top: 1px solid var(--stroke-color-light) !important;
}

.font-weight-light {
  font-weight: 325 !important;
}

.font-weight-lighter {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 350 !important;
}

.font-weight-bold {
  font-weight: 375 !important;
}

.font-weight-bolder {
  font-weight: 400 !important;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.lh-no-wrap-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 1440px) {
    .lh-container-fluid {
        max-width: 1152px;
    }
}

@media screen and (min-width: 1600px) {
    .lh-container-fluid {
        max-width: 1180px;
    }
}

@media screen and (min-width: 1440px) {
    .lh-container-fluid {
        max-width: 1152px;
    }
}

@media screen and (min-width: 1200px) {
    .lh-container-fluid {
        max-width: 1152px;
    }
}

/* css for CMS Guest Page */

.cms-grid-container {
    max-width: 95%;
    margin: 0 auto; /* optional: center it */
}

/* Apply max-width to standalone tiles, but not when they’re inside a grid */
.cms-tile {
    max-width: 95%;
    margin: 0 auto;
}

.bgColorDarkBlue {
    background: rgb(9, 20, 38) !important;
}

/* Remove the 95% rule if a tile lives inside a grid */
.cms-grid-container .cms-tile {
    max-width: none; /* inherit full width inside grid */
    margin: 0;       /* reset centering */
}

.cms-grid-container .cms-tile .primary-link a {
    font-family: Whitney Medium, sans-serif;
    font-size: 1rem;
    letter-spacing: 1.8px;
    min-width: 150px;
    padding: 21px 42px;
    text-transform: uppercase;
    border-radius: 0;
    text-align: center;
    background-color: white;
    width: -webkit-fill-available;
    box-shadow: inset 0 0 0px 2px rgb(9, 20, 38);
    color: rgb(9, 20, 38);
}

.cms-grid-container .cms-tile .primary-link a:hover {
    background-color: rgb(9, 20, 38);
    color: white;
}

/* Guest Page CMS end */

.content-container {
    background: #012;
}

main#main-content {
    background: #001122;
}

/* Simplus Overrides */
.visible_overflow community_builder-output-rich-text {
    overflow: visible !important;
}

.background_white {
   background: white;
}

.infront {
    z-index: 10;
    position: relative;
}

.infront-bellyband {
    z-index: 11;
}

.behind {
    z-index: 0;
    position: relative;
}

.no-top-bottom-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.overlap-top-margin {
    margin-top: -1.6rem !important;
 }

.overlap-top-margin-1rem {
    margin-top: -1rem !important;
}

.slds-text-heading_medium {
    font-size: 40px !important;
}

.slds-text-body_regular {
    font-size: 19px !important;
    line-height: 29px;
}

button.slds-button.slds-button_neutral {
    border-radius: var(--radius-xs, 4px) 4px;
    border: 2px solid var(--button-secondary, #001E3C);
    color: var(--text-heading, #001E3C);
    background: var(--text-inverse, #FFF);
}

button.slds-button.slds-button_brand {
    background: var(--Button-primary, #E01933);
    color: var(--text-inverse, #FFF);
    border: none;
}