/* updated for NGI user directory on: 2024-12-26 */
/* *****************************************
- DOCUMENT INFORMATION
- Designer:
- NGI version: vanessa.verriere@lumapps.com
- Updated On: February 8th, 2023
****************************************** */
/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */
/*--- BASE STYLES */
body.theme-material {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
        'Helvetica Neue', sans-serif;
    background-color: #ffffff;
}


/*--- GLOBAL STYLES */
/* Widget content list tabs */
.theme-material .widget-content-list .widget-content-list__tab {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ececec;
}

.theme-material .widget-content-list .widget-content-list__tab:last-child {
    border-right: none;
}

.theme-material .widget-content-list .widget-content-list__tab:hover {
    color: var(--color-primary) !important;
}

.theme-material .widget-content-list .widget-content-list__tab.widget-content-list__tab--is-selected {
    color: var(--color-primary) !important;
    background-color: transparent;
    border-bottom: 2px solid var(--color-primary);
}


/* Widget list tags */
.theme-material .widget-content-list .content-block-tags {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.theme-material .widget-content-list .content-block__field--tags:last-child .content-block-tags {
    margin-bottom: 0;
}

.theme-material .widget-content-list .content-block-tags .content-block-tags__prefix {
    display: none;
}

.theme-material .widget-content-list .content-block-tags .content-block-tags__tag {
    height: 26px;
    padding: 0 8px;
    margin-right: 8px;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    border: 2px solid #cfdaf3;
    border-radius: 13px;
}

.theme-material .widget-content-list .content-block-tags .content-block-tags__tag::after {
    display: none;
}

.theme-material .widget-content-list .content-block-tags .content-block-tags__tag:last-child {
    margin-right: 0;
}


/* *************************************** */
/* Theme lumapps styles
/* *************************************** */
/*--- BASE STYLES */
:root {
    --lumx-typography-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
        'Helvetica Neue', sans-serif;
    --lumx-app-background: #ffffff;
    /* colors */
    --color-primary: #0165fb;
    --color-title-primary: #2f2f2f;
    --color-title-secondary: #67727e;
    --color-light-background: #f7f8fa;
    --typography-global-publish-info-size: 16px;
    --typography-global-publish-info-weight: 500;
    --typography-global-publish-info-line-height: 24px;
    --typography-editorial-title-size: 50px;
    --typography-editorial-title-weight: 700;
    --typography-editorial-title-line-height: 60px;
    --typography-editorial-intro-size: 16px;
    --typography-editorial-intro-weight: 300;
    --typography-editorial-intro-line-height: 24px;
    --typography-editorial-intro-color: var(--color-title-secondary);
    --typography-list-item-title-huge-size: 40px;
    --typography-list-item-title-huge-weight: 700;
    --typography-list-item-title-huge-line-height: 50px;
    --typography-list-item-title-big-size: 26px;
    --typography-list-item-title-big-weight: 600;
    --typography-list-item-title-big-line-height: 34px;
    --typography-global-section-title-size: var(--typography-editorial-title-size);
    --typography-global-section-title-weight: var(--typography-editorial-title-weight);
    --typography-global-section-title-line-height: var(--typography-editorial-title-line-height);
    /* intro */
    --lumx-typography-custom-intro-font-size: var(--typography-editorial-intro-size);
    --lumx-typography-custom-intro-font-weight: var(--typography-editorial-intro-weight);
    --lumx-typography-custom-intro-line-height: var(--typography-editorial-intro-line-height);
    --lumx-widget-intro-theme-light-color: var(--typography-editorial-intro-color);
}


/*--- GLOBAL STYLES */
.theme-lumapps .widget-content-list {
    /* tags */
    --lumx-typography-custom-tag-font-size: 12px;
    --lumx-typography-custom-tag-line-height: 24px;
    --lumx-tag-height: 26px;
    --lumx-tag-state-default-padding-horizontal: 8px;
    --lumx-tag-border-radius: 13px;
    --lumx-tag-state-default-theme-light-color: #59c2ff;
    --lumx-tag-state-default-border-width: 2px;
    --lumx-tag-state-default-theme-light-border-color: #cfdaf3;
}

.theme-lumapps .widget-title {
    --lumx-typography-custom-title1-font-size: var(--typography-editorial-title-size);
    --lumx-typography-custom-title1-font-weight: var(--typography-editorial-title-weight);
    --lumx-typography-custom-title1-line-height: 1.5;
}


/* Widget list tags */
.theme-lumapps .widget-content-list .block-page-preview__tags,
.theme-lumapps .content-block--default-style.content-block--theme-light .content-block-tags__tag {
    text-transform: uppercase;
}


/*--- FIX */
.theme-lumapps .block-grid {
    --block-grid-item-min-width: 160px !important;
}

.theme-lumapps .widget-html a {
    text-decoration: none;
}

.theme-lumapps .widget-html a:hover {
    text-decoration: underline;
}


/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */
/*--- GLOBAL STYLES */
/* Header slideshow */
.header-slideshow .header-slideshow__image {
    background-position: top center;
    background-size: 100%;
}


/* Typography */
.widget-title .widget-title__title {
    font-size: var(--typography-editorial-title-size);
    font-weight: var(--typography-editorial-title-weight);
}

.widget-intro .widget-intro__content {
    font-size: var(--typography-editorial-intro-size);
    font-weight: var(--typography-editorial-intro-weight);
    line-height: var(--typography-editorial-intro-line-height);
    color: var(--typography-editorial-intro-color);
}


/* Widget list horizontal / grid wo margin */
.widget-content-list--view-mode-horizontal .widget-content,
.widget-community-list--view-mode-grid .widget-content {
    margin: -24px;
}


/* Simon custom class for iframe full height */
.widget--iframe-full-height {
    display: block;
    height: 87vh;
    border: none;
}

/* User directory */
.user-directory .user-directory__wrapper {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.user-directory .user-directory__header {
    padding: 0;
    border: none;
}

.user-directory .user-directory__title,
.user-directory-page .lumx-header-label__title {
    font-size: var(--typography-editorial-title-size);
    font-weight: var(--typography-editorial-title-weight);
}

.user-directory .user-directory-list__user .user-block,
.user-directory-page .page-card,
.user-directory .filter-pane {
    background-color: var(--color-light-background);
    border: none;
}

/* *************************************** */
/* Header */
/* *************************************** */
.header-main-nav,
.main-nav {
    box-shadow: none !important;
}


/* *************************************** */
/* NOT FOUND */
/* *************************************** */
/* CTA nav */
.cta-nav {
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}

.cta-nav__cta {
    flex: 1;
    border-right: 1px solid #dadde1;
}

.cta-nav__cta:last-child {
    border-right: none;
}


/* CTA */
.cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 32px;
}

.cta img {
    margin: 0 !important;
}

.cta span {
    margin-left: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--color-title-primary);
    text-transform: uppercase;
}


/* Onboarding CTA */
.onboarding-cta {
    position: relative;
    display: flex;
    align-items: center;
}

.onboarding-cta .onboarding-cta__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.onboarding-cta .onboarding-cta__icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-right: 24px;
    background-color: #000;
    border-radius: 10px;
}

.onboarding-cta .onboarding-cta__wrapper strong {
    display: block;
    font-size: 20px;
    color: var(--color-title-primary);
    /*font-weight: 700px;*/
}

.onboarding-cta .onboarding-cta__wrapper span {
    display: block;
    font-size: 14px;
    color: var(--color-title-primary);
    /*font-weight: 300px;*/
}

.onboarding-cta .onboarding-cta__arrow {
    margin-left: auto;
}


/* Home section title */
.home-section-title {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-left: 30px;
    font-size: var(--typography-global-section-title-size) !important;
    font-weight: var(--typography-global-section-title-weight) !important;
}

.home-section-title::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 58px;
    height: 50px;
    content: '';
    background-image: url('https://sites.lumapps.com/serve/AMIfv96nJ_u0qbLb33EeiwM50TWPE746YttIOUaxpgDE-QE1S0Ttexqj18nBH-jNR2OXDcve7o43jZg7OqqqLU0GGPAKduewEDW2QGfrM5tOZMetYl_EHA2SBgNXUORDDvT_oeKDnlp_qwdYAExq20naCL7_ryOhvg/section-title.svg');
}


/* SPECIFIC */
/* Content big */
.widget--content-big .content-block-title {
    font-size: var(--typography-list-item-title-big-size) !important;
    font-weight: var(--typography-list-item-title-big-weight) !important;
    line-height: var(--typography-list-item-title-big-line-height) !important;
}

.widget--content-big .content-block-publication-date {
    font-size: var(--typography-global-publish-info-size) !important;
    font-weight: var(--typography-global-publish-info-weight) !important;
    line-height: var(--typography-global-publish-info-line-height) !important;
}


/* Home slideshow */
.widget--home-slideshow .content-block-title {
    font-size: var(--typography-list-item-title-huge-size) !important;
    font-weight: var(--typography-list-item-title-huge-weight) !important;
    line-height: var(--typography-list-item-title-huge-line-height) !important;
}


/* Home alert widget */
.widget--home-alert .content-block-title {
    font-size: 12px !important;
}


/* Home widget headers */
.widget--home-latest-news .widget-header .widget-header__wrapper::before,
.widget--home-love-wall .widget-header .widget-header__wrapper::before,
.widget--home-leadership-blog .widget-header .widget-header__wrapper::before {
    margin-right: 12px;
    content: '';
}

.widget--home-latest-news .widget-header .widget-header__wrapper::before {
    width: 37px;
    height: 19px;
    background-image: url('https://sites.lumapps.com/serve/AMIfv96R0WHKzU74vfYycTCcxdC4w2lZ9e1TbbKfxMROk6t-KSXrrBPV1wATEstXjuG-Xno-wrxO5SxVnnf_6-tMwxa2ClxrW4FZreGhqI4SLbn2vND8Voq1PQN10fa9WrUKqLPjz_DtMajO4y8G-8efT_BY8GXtsw/latest-news.svg');
}

.widget--home-love-wall .widget-header .widget-header__wrapper::before {
    width: 34px;
    height: 31px;
    background-image: url('https://sites.lumapps.com/serve/AMIfv94m-8MHyTWq7K_42P4sRuWtjyEcrgTGeH4ErSbb0PjGyHdCbJqeOuPOdvuM_L2U7ZSrEE7vVs28m4QTgrbk7H6Uu94jBdoM-CxTewHOEDTv-2WRbL2GBDcnLhzeGuj_GrMH9D_BB2jIidb0laVBuFXm0BZAyA/love-wall.svg');
}

.widget--home-leadership-blog .widget-header .widget-header__wrapper::before {
    width: 24px;
    height: 24px;
    background-image: url('https://sites.lumapps.com/serve/AMIfv94Bo9ohXIH0CJGWEN3kFRpXC27v8mULpeQWZc2fek_LyPTfIE5TvUBUHHc_Ek-kFS4tyZ3UWBexL7rwLIYgxuhGX6OHXKld4N8EZmryfoIO5bov1joaUAJCG-qyGtRsrjPwr57mN84S6b7j5u6ZuO1OfKKvTw/leadership-blog.svg');
}

.widget--home-latest-news .widget-header__title,
.widget--home-love-wall .widget-header__title,
.widget--home-leadership-blog .widget-header__title {
    font-size: var(--typography-list-item-title-big-size) !important;
    font-weight: var(--typography-list-item-title-big-weight) !important;
    line-height: var(--typography-list-item-title-big-line-height) !important;
}


/* Home workspace widgets */
.widget--home-emails .widget-header .widget-header__wrapper::before,
.widget--home-calendar .widget-header .widget-header__wrapper::before,
.widget--home-apps .widget-header .widget-header__wrapper::before {
    width: 120px;
    height: 90px;
    margin-top: 24px;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.widget--home-emails .widget-header .widget-header__wrapper::before {
    background-image: url('https://sites.lumapps.com/serve/AMIfv95-gBaR5ooF4Br2kUxTK0ZSnnBgKU8R17hGeUewE7MC1nYD0d4tpVlszrwuUbQj4b4fshU662RzQK9u1y0h7F_ViRbKX1zFPP0Vg8DA-916YDj_PglpDO7vzSx139bdGVK4QMMoZgTPPHCS7QIGBiNwJxMeGg/widget-emails.svg');
}

.widget--home-calendar .widget-header .widget-header__wrapper::before {
    background-image: url('https://sites.lumapps.com/serve/AMIfv96mOU2uwX2jcD9CVz5OCp5Pj6-xFn27zliClJxtqyTpc5trHZ40NfoHzLrsAvMu54BsfZ1jv3YyUAQc5Pz7mJVAC-5q7GnDdhWkbLkZgX9Mt4EOM77o9Gk5AvgYqOdwajp_r5JqCaUtP4CUjSxdU7HLGtTfPQ/widget-calendar.svg');
}

.widget--home-apps .widget-header .widget-header__wrapper::before {
    background-image: url('https://sites.lumapps.com/serve/AMIfv97EIBv5MCv69ysVh5AUIeLcfXs7NaVxNHm63BBxVCeEu58tRToo24JsTLUczZ0TVNaywQTKQSyyr0jDMTCbHWY2-8c_56mAA53elTN_9sg8uv2Zh6GlG0YJVDQVJcPGAgCvTrUJ07jLqLx3Y32wJdBNcKVgkQ/widget-apps.svg');
}