@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap');

/* ********************************************************* */
/* LumApps Design System tokens - https://design.lumapps.com */
/* ********************************************************* */

:root {
    /* TYPOGRAPHY */

    --lumx-typography-global-headlines-font-family: 'Poppins', sans-serif; /* To add in the product */
    --lumx-typography-global-headlines-font-weight: 600; /* To add in the product */
    --lumx-typography-custom-title1-font-family: var(--lumx-typography-global-headlines-font-family); /* Product native */
    --lumx-typography-custom-title1-font-weight: var(--lumx-typography-global-headlines-font-weight); /* Product native */
    --lumx-typography-custom-title1-line-height: 56px; /* Product native */
    --lumx-typography-custom-title2-font-family: var(--lumx-typography-global-headlines-font-family); /* Product native */
    --lumx-typography-custom-title2-font-weight: var(--lumx-typography-global-headlines-font-weight); /* Product native */
    --lumx-typography-custom-title2-line-height: 42px; /* Product native */
    --lumx-typography-custom-title3-font-family: var(--lumx-typography-global-headlines-font-family); /* Product native */
    --lumx-typography-custom-title3-font-weight: var(--lumx-typography-global-headlines-font-weight); /* Product native */
    --lumx-typography-custom-title4-font-family: var(--lumx-typography-global-headlines-font-family); /* Product native */
    --lumx-typography-custom-title4-font-weight: var(--lumx-typography-global-headlines-font-weight); /* Product native */
    --lumx-typography-custom-title5-font-family: var(--lumx-typography-global-headlines-font-family); /* Product native */
    --lumx-typography-custom-title5-font-weight: var(--lumx-typography-global-headlines-font-weight); /* Product native */
    --lumx-typography-custom-title6-font-family: var(--lumx-typography-global-headlines-font-family); /* Product native */
    --lumx-typography-custom-title6-font-weight: var(--lumx-typography-global-headlines-font-weight); /* Product native */
    --lumx-typography-custom-intro-font-size: 28px; /* Product native */
    --lumx-typography-custom-intro-font-weight: var(--lumx-typography-font-weight-light); /* Product native */
    --lumx-typography-custom-intro-line-height: 44px; /* Product native */
    --lumx-typography-custom-body-large-font-size: 20px; /* Product native */
    --lumx-typography-custom-body-large-font-weight: var(--lumx-typography-font-weight-light); /* Product native */
    --lumx-typography-custom-metadata-font-size: 11px; /* Product native */
    --lumx-typography-custom-metadata-text-transform: uppercase; /* To add in the product */
    --lumx-typography-custom-metadata-letter-spacing: 2px; /* To add in the product */

    /* APP */

    --lumx-app-background: #f5f5f5; /* Product native */
    --lumx-app-header-box-shadow: none; /* Product native */

    /* BUTTON */

    --lumx-button-border-radius: 5px; /* Product native */

    /* METADATA */

    --lumx-metadata-state-default-theme-light-color: var(--lumx-color-primary-L2); /* Product native */
    --lumx-metadata-state-hover-theme-light-color: var(--lumx-color-primary-L1); /* Product native */
    --lumx-metadata-state-active-theme-light-color: var(--lumx-color-primary-N); /* Product native */
    --lumx-metadata-margin-vertical: 0; /* To add in the product */
    --lumx-metadata-list-separator: '';

    /* TAG */

    --lumx-tag-state-default-theme-light-color: var(--lumx-color-primary-L2); /* Product native */
    --lumx-tag-state-hover-theme-light-color: var(--lumx-color-primary-L1); /* Product native */
    --lumx-tag-state-hover-theme-dark-color: var(--lumx-color-light-L2); /* Product native */
    --lumx-tag-state-active-theme-light-color: var(--lumx-color-primary-D2); /* Product native */
    --lumx-tag-state-active-theme-dark-color: var(--lumx-color-light-L2); /* Product native */

    /* TEXT FIELD */

    --lumx-text-field-input-border-radius: 18px; /* Product native */
    --lumx-text-field-state-default-theme-light-input-border-color: transparent; /* Product native */

    /* TABS */

    --lumx-tabs-links-spacing: var(--lumx-spacing-unit-regular); /* To add in the product */
    --lumx-tabs-link-height: 40px; /* Product native */
    --lumx-tabs-link-border-radius: 20px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-default-border-top-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-default-border-right-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-default-border-bottom-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-default-border-left-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-default-theme-light-border-color: var(--lumx-color-dark-L4); /* Product native */
    --lumx-tabs-link-emphasis-low-state-default-theme-light-color: var(--lumx-color-dark-N); /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-border-top-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-border-right-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-border-bottom-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-border-left-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-theme-light-background-color: transparent; /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-theme-light-border-color: var(--lumx-color-dark-L3); /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-theme-light-color: var(--lumx-color-dark-N); /* Product native */
    --lumx-tabs-link-emphasis-low-state-hover-theme-dark-background-color: transparent; /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-border-top-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-border-right-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-border-bottom-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-border-left-width: 1px; /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-theme-light-background-color: transparent; /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-theme-light-border-color: var(--lumx-color-dark-L2); /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-theme-light-color: var(--lumx-color-dark-N); /* Product native */
    --lumx-tabs-link-emphasis-low-state-active-theme-dark-background-color: transparent; /* Product native */
    --lumx-tabs-link-emphasis-selected-state-default-border-bottom-width: 0px; /* Product native */
    --lumx-tabs-link-emphasis-selected-state-default-theme-light-background-color: var(--lumx-color-primary-L6); /* Product native */
    --lumx-tabs-link-emphasis-selected-state-default-theme-light-color: var(--lumx-color-primary-N); /* Product native */
    --lumx-tabs-link-emphasis-selected-state-hover-border-bottom-width: 0px; /* Product native */
    --lumx-tabs-link-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-primary-L5); /* Product native */
    --lumx-tabs-link-emphasis-selected-state-hover-theme-light-color: var(--lumx-color-primary-N); /* Product native */
    --lumx-tabs-link-emphasis-selected-state-hover-theme-dark-background-color: transparent; /* Product native */
    --lumx-tabs-link-emphasis-selected-state-active-border-bottom-width: 0px; /* Product native */
    --lumx-tabs-link-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-primary-L4); /* Product native */
    --lumx-tabs-link-emphasis-selected-state-active-theme-light-color: var(--lumx-color-primary-N); /* Product native */
    --lumx-tabs-link-emphasis-selected-state-active-theme-dark-background-color: transparent; /* Product native */
}

/* *************************************** */
/*            Global Config                */
/* *************************************** */

/* Default radius */

:root {
    --default-border-radius: 20px;
    --thumbnail-border-radius: 10px;
    --background-color-widget-header: #e4e6f3;
    --gradient-except-homepage: linear-gradient(90deg, #ec56aa 38%, #f0b24b 100%);
    --gradient-alert-homepage: linear-gradient(45deg, #367aff 0%, #da2887 100%);
}

/* Grey Background color of the pages (view mode, and in the designer) */

.layout {
    background-color: #f8f8f8;
}
.content--designer-mode {
    background-color: #f8f8f8;
}

/* Unified radius on all thumbnails */

.lumx-thumbnail__image {
    border-radius: var(--thumbnail-border-radius);
}

/* Remove Favorite Sites and Ressource icons from the topbar as it is useless */

.header-top__favorite-sites {
    display: none;
}
.header-top__resource-center {
    display: none;
}

/* Style for page headers */

.component-row--page-header {
    background-color: #e4e6f3;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    min-height: 230px;
}

/* Style for titles */

.widget--theme-light .block-title {
    color: var(--lumx-color-primary-N) !important;
}
.widget-title__title {
    color: var(--lumx-color-primary-N) !important;
}

/* Style for metadata */

.metadata-link {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: var(--lumx-button-border-radius) !important;
    text-transform: uppercase;
    font-weight: bolder !important;
}
.metadata-link--theme-light {
    color: var(--lumx-color-primary-N) !important;
    background-color: var(--lumx-color-primary-L4) !important;
}
.metadata-link--theme-dark {
    color: var(--lumx-color-primary-N) !important;
    background-color: #ffffff !important;
}

/* *************************************** */
/*            Custom CSS class             */
/* *************************************** */

/* Use 'ungrouped-news' on the content list widget */

.widget--ungrouped-news .block-list__item {
    background-color:white !important;
    padding:20px;
    border-radius: 20px
}
.widget--ungrouped-news .lumx-divider {
    display:none
}

/* Use 'page-header--theme-dark' on rows for page header */

.component-row--page-header--theme-dark {
    background-color: var(--lumx-color-primary-N);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

/* Use 'title-center' to center the text */

.widget--title-center {
    --lumx-widget-title-alignment-h: center;
    --lumx-widget-title-text-align: center;
}

/* Use those variable to center vertically with 'v-align-center' or horizontally with 'h-align-center' any content */
.widget--h-align-center .widget-content {
    justify-content: center; /* ! Unsafe */
}
.widget--v-align-center .widget-content {
    align-items: center; /* ! Unsafe */
}

/* Row with separator (to replace with cell borders) with 'separator-top' and 'separator-bottom' */

.row[class*='component-row--separator'] > .row-wrapper,
.component-row[class*='component-row--separator'] > .component-row__wrapper {
    border-color: var(--lumx-color-dark-L4);
    border-style: solid;
    border-width: 0;
}
.component-row--separator-top > .row-wrapper,
.component-row--separator-top > .component-row__wrapper {
    padding-top: var(--row-spacing);
    border-top-width: 1px !important;
}
.component-row--separator-bottom > .row-wrapper,
.component-row--separator-bottom > .component-row__wrapper {
    padding-bottom: var(--row-spacing);
    border-bottom-width: 1px !important;
}

/* Use 'squared-thumb' for squared thumbs */

.widget--squared-thumb .block-page-preview .block-page-preview__thumbnail-wrapper,
.widget--squared-thumb .block-community-preview .block-community-preview__thumbnail-wrapper {
    flex: 0 0 96px !important; /* ! Unsafe */
}
.widget--squared-thumb .lumx-thumbnail {
    --lumx-thumbnail-aspect-ratio: 1/1;
}

/* Use 'custom_news' for story-like widgets */

@media (min-width: 481px) {
    .widget--custom_news .widget-slideshow__wrapper,
    .widget--custom_news .lumx-slideshow__wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 2fr));
        grid-template-rows: 1fr;
        gap: 24px !important;
        grid-auto-flow: row;
        grid-template-areas: 'Content-1 Content-2 Content-3';
    }
    .widget--custom_news .widget-slideshow__block:nth-child(1) {
        grid-area: Content-1;
        height: 100%;
    }
    .widget--custom_news .widget-slideshow__block:nth-child(2) {
        grid-area: Content-2;
        height: 100%;
    }
    .widget--custom_news .widget-slideshow__block:nth-child(3) {
        grid-area: Content-3;
        height: 100%;
    }
    .block-slideshow--with-navigation .block-page-preview--cover.block-page-preview--size-xs .block-page-preview__content {
        padding: 110px 24px 24px 24px !important;
    }
    .widget--custom_news .widget-slideshow__controls {
        display: none;
    }
    .widget--custom_news .content-block--background-thumbnail .content-block__thumbnail {
        align-items: flex-end;
        height: 100%;
    }
    .widget--custom_news .content-block-excerpt,
    .widget--custom_news .block-html.block-html--dark {
        font-size: var(--lumx-typography-custom-body-font-size) !important;
    }
    .widget--custom_news .block-page-preview--cover .block-page-preview__content:before,
    .widget--custom_news .content-block--default-style.content-block--view-mode-cover.content-block--background-thumbnail .content-block__fields {
        bottom: 0;
        content: '';
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        background: rgb(0, 0, 0);
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4416360294117647) 55%, rgba(0, 0, 0, 0) 80%);
        opacity: 1;
        border-radius: 16px;
    }
    .widget--custom_news .content-block-title a,
    .widget--custom_news .content-block-title,
    .widget--custom_news .block-page-preview__title {
        font-family: var(--lumx-typography-custom-title4-font-family);
        font-size: var(--lumx-typography-custom-title4-font-size);
        font-style: var(--lumx-typography-custom-title4-font-style);
        font-weight: var(--lumx-typography-custom-title4-font-weight);
        line-height: var(--lumx-typography-custom-title4-line-height);
    }
    .widget--custom_news .content-block-title a {
        width: 130% !important;
    }
    .widget--custom_news .block-slideshow--size-l.block-slideshow--cover .block-slideshow__controls {
        display: none;
    }
}
.widget--custom_news .lumx-thumbnail__background:hover {
    transform: scale(1.15);
}
.widget--custom_news .lumx-thumbnail__background {
    transition: transform 0.4s;
}
.widget--custom_news .metadata-link {
    color: white !important;
    background-color: var(--lumx-color-primary-N) !important;
}

/* Use 'space-instagram-design' to list communities like instagram account */

.widget--space-instagram-design {
    --lumx-thumbnail-aspect-ratio: 1/1;

    overflow: visible !important;
}
.widget--space-instagram-design .widget-content {
    overflow: visible !important;
}
.widget--space-instagram-design .block-grid {
    --lumx-grid-column-item-min-width: 150px !important;
}
.widget--space-instagram-design .block-community-preview {
    align-items: center;
}
.widget--space-instagram-design .block-community-preview .block-community-preview__thumbnail-wrapper {
    width: 100px;
    height: 100px;
    margin-bottom: var(--lumx-spacing-unit-big) !important;
    overflow: hidden;
    border-radius: 999px;
    outline-width: 4px;
    outline-style: solid;
    outline-color: var(--lumx-color-secondary-D2);
    outline-offset: 4px;
}
.widget--space-instagram-design .lumx-heading.lumx-text {
    text-align: center;
}

/* Use 'fixed' as style class on rows to get a fixed background */

.component-row--fixed {
    background-attachment: fixed;
}

/* Use 'learning-compact' as style class on the learning catalog widget to get small thumbnails */

.widget--learning-compact .lumx-grid-column {
    --lumx-grid-column-columns: 2; 
}
.widget--learning-compact .lumx-link__content{
    display: flex !important;
}
.widget--learning-compact .training-informations__container-without-progress-bar,
.widget--learning-compact .training-informations__container-with-progress-bar {
    width: 200px;
    margin-right: 20px;
}
.widget--learning-compact .training-informations__text {
    margin-top:0px !important
}

/* *************************************** */
/*           Page - Login page             */
/* *************************************** */

/* Login v2 */

#login-app {
    background: var(--gradient-except-homepage) !important;
}

.login-page {
    background-color: white !important;
}

/* *************************************** */
/*           Page - Homepage           */
/* *************************************** */

/* Alert widget */

.widget--alert {
    align-items: center;
}
.widget--alert .lumx-link__content {
    font-size: 15px;
}
.widget--alert .block-slideshow__controls {
    display: none;
}
.widget--alert .block-slideshow__item-wrapper {
    text-align: center;
}
.widget--alert .block-slideshow--grouped,
.block-slideshow--ungrouped {
    margin-top: 0px;
}
.widget--alert-full .lumx-link__content::before {
    font-size: 20px;
}
.widget--alert-full {
    display: grid !important;
    grid-template-columns: 35% 65% !important;
    gap: 20px !important;
}
.widget--alert-full .widget-header {
    padding-top: 25px;
}
.widget--alert-full .widget-header__wrapper {
    background: var(--gradient-alert-homepage);
}
.widget--alert-full .block-page-preview__title {
    text-align: left;
}

/* Breaking news widget */

.widget--breaking-news {
    --lumx-typography-custom-title3-font-size: 60px;
    --lumx-typography-custom-title3-line-height: 50px;
    --lumx-typography-custom-metadata-font-size: 22px;
    --lumx-typography-custom-metadata-font-weight: 700;
    --lumx-typography-custom-publish-info-font-size: 16px;
}
.widget--breaking-news .lumx-thumbnail__image {
    border-radius: 0px;
}
.widget--breaking-news .widget-content {
    padding: 0px !important;
    border-radius: 0px !important;
}

.widget--breaking-news .metadata-link {
    text-transform: uppercase !important;
    color: white !important;
    background-color: transparent !important;
    letter-spacing: -0.7px;
}
.widget--breaking-news .block-page-preview__excerpt {
    font-size: 30px !important;
}
.widget--breaking-news .block-page-preview .block-page-preview__content {
    position: relative !important;
    gap: var(--lumx-spacing-unit-huge) !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    padding: 0 !important;
    background-color: var(--lumx-color-dark-L2) !important;
}
.widget--breaking-news .block-page-preview .block-page-preview__content::before {
    display: none !important;
}
.widget--breaking-news .block-page-preview .block-page-preview__field {
    max-width: 900px !important;
    margin: 0 !important;
    margin-right: unset !important;
}
.widget--breaking-news .block-page-preview .block-page-preview__title {
    text-align: center;
    line-height: 60px !important;
}
.widget--breaking-news .block-slideshow .block-slideshow__controls {
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
}

.widget--breaking-news .block-page-preview__excerpt {
    text-align: center;
    font-family: var(--lumx-typography-custom-title4-font-family);
    font-size: var(--lumx-typography-custom-title4-font-size);
    font-style: var(--lumx-typography-custom-title4-font-style);
    font-weight: var(--lumx-typography-custom-title4-font-weight);
    line-height: var(--lumx-typography-custom-title4-line-height);
    background: var(--gradient-except-homepage);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.widget--upcoming-events .reactions-block {
    display: none;
}
.widget--upcoming-events .block-event-preview__date {
    font-size: 15px;
    font-style: var(--lumx-typography-custom-body-font-style);
}
.widget--upcoming-events .block-event-preview__title {
    font-size: 15px;
    font-style: var(--lumx-typography-custom-body-font-style);
    font-weight: var(--lumx-typography-interface-subtitle1-font-weight);
}

.widget--upcoming-events .lumx-heading .lumx-link__content {
    font-family: var(--lumx-typography-custom-title4-font-family);
    font-size: var(--lumx-typography-custom-title3-font-size);
    font-style: var(--lumx-typography-custom-title4-font-style);
    font-weight: var(--lumx-typography-custom-title4-font-weight);
    line-height: var(--lumx-typography-custom-title4-line-height);
    color: #ced3ff;
}
.widget--upcoming-events .block-event-preview__date {
    font-weight: bold;
}
.widget--upcoming-events .block-event-preview__date::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    background-image: url('https://trendize.lumapps.com/serve/4930449491099648-1810132748352095/calendar-icon-white.png?contentDisposition=inline');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.widget--upcoming-events .lumx-thumbnail__image {
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.widget--upcoming-events .event-actions {
    display: none;
}

.widget--tools .lumx-thumbnail__image {
    background-color: var(--lumx-color-primary-L5);
    border-radius: 5px;
}
.widget--tools .directory-entry-block__actions {
    display: none;
}

.widget--section-space {
    background-image: url('https://trendize.lumapps.com/serve/4930449491099648-4601456288385001/social-illustration.png?contentDisposition=inline');
    background-repeat: no-repeat;
    background-position: right center !important;
    background-size: 200px auto !important;
    padding: 2rem;
    position: relative;
}
.widget--theme-dark [data-id='posts-flag-unanswered'] {
    background-color: white;
    border-color: var(--lumx-color-light-L2);
}
.widget--theme-dark [data-id='posts-flag-answered'] {
    background-color: white;
    border-color: var(--lumx-color-light-L2);
}
.widget--post-question .block-post__content::after {
    content: '';
    display: inline-block;
    width: 250px;
    height: 250px;
    background-image: url('https://trendize.lumapps.com/serve/4930449491099648-2528169335768867/question-illustration.png?contentDisposition=inline');
    background-size: cover;
    margin-left: 8px;
}
.widget--post-idea .block-post__content::after {
    content: '';
    display: inline-block;
    width: 250px;
    height: 250px;
    background-image: url('https://trendize.lumapps.com/serve/4930449491099648-3638971229164723/idea-illustration.png?contentDisposition=inline');
    background-size: cover;
    margin-left: 8px;
}

.widget--section-learning {
    background-image: url('https://trendize.lumapps.com/serve/4930449491099648-7452564412042345/learning-illustration.png?contentDisposition=inline');
    background-repeat: no-repeat;
    background-position: right center !important;
    background-size: 200px auto !important;
    padding: 2rem;
    position: relative;
}
.widget--learning-dark .lumx-grid-column > :nth-child(n + 4) {
    display: none;
}
.widget--learning-dark .learning-catalog__search {
    display: none;
}
.widget--learning-dark .lumx-text:not(.lumx-flag__label) {
    color: white;
}

/* *************************************** */
/*       Page - User Directory Page        */
/* *************************************** */

.lumx-header-label__title {
    color: var(--lumx-color-primary-N) !important;
    font-family: var(--lumx-typography-custom-title1-font-family);
    font-size: var(--lumx-typography-custom-title1-font-size);
    font-style: var(--lumx-typography-custom-title1-font-style);
    font-weight: var(--lumx-typography-custom-title1-font-weight);
    line-height: var(--lumx-typography-custom-title1-line-height);
    text-align: var(--lumx-widget-title-text-align);
    text-transform: var(--lumx-widget-title-text-transform);
    word-break: break-word;
}

#front-office-app {
    background-color: #f8f8f8;
}

.user-directory-page {
    width: 100%;
    padding-right: 200px;
    padding-left: 200px;
    padding-top: 30px;
}

.user-directory-content__wrapper {
    margin-top: 50px;
}

.user-directory-list__card {
    border-radius: var(--default-border-radius);
}

.user-directory-page__card {
    border-radius: var(--default-border-radius);
}

/* *************************************** */
/*            Native widget fixes          */
/* *************************************** */

/* Style for the AI summary widget */

.widget-content--block-summary {
    background-color: var(--lumx-color-primary-L6) !important;
    border-radius: var(--default-border-radius) !important;
}
.widget-summary .lumx-text {
    position: relative;
    flex: 1;
    padding: var(--lumx-spacing-unit-huge) calc(var(--lumx-spacing-unit-big) * 2);
    background-color: transparent;
    font-family: var(--lumx-typography-custom-body-font-family) !important;
    font-size: var(--lumx-typography-custom-body-font-size) !important;
    font-style: var(--lumx-typography-custom-body-font-style) !important;
    font-weight: var(--lumx-typography-custom-body-font-weight) !important;
    line-height: var(--lumx-typography-custom-body-line-height) !important;
    overflow-wrap: break-word;
}

/* Border on Play video thumbnails */

.block-video-thumbnail__image {
    border-radius: var(--thumbnail-border-radius);
}

/* My apps fixes */

.my-apps {
    padding-bottom: 0;
}
.myapps-header .lumx-select {
    padding: 0;
}
.my-apps .micro-app {
    background: var(--lumx-color-light-N);
    border-color: rgb(224, 224, 224); 
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    box-shadow: none;
    padding: 0px;
}
.my-apps .micro-app__header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--lumx-color-primary-N);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.my-apps .micro-app__header-title {
    margin-top: 8px !important;
    color: var(--lumx-color-light-N);
}
.my-apps .micro-app__header .micro-app__header-button {
    color: var(--lumx-color-light-N);
}

/* Microapp in AskAI display */
.micro-app.ask-ai-card__micro-app {
    background-color: white !important
}

/* *************************************** */
/*    Product improvements or bug fixes    */
/* *************************************** */

/* Content metadata missing spacing with publication date on the metadata widget */

.metadata-link-list {
    margin-top: 5px !important;
}

/* Promoted results */

.lumx-flag--color-yellow {
    background-color: var(--lumx-color-primary-L6);
    border: 1px solid var(--lumx-color-primary-L3);
}

/* Style for Global search & Microsoft search results */

#all {
    padding-left: 35px;
    margin-right: 15px;
    background-image: url(https://storage.googleapis.com/greg-carlin-lumapps-extensions/img/lumapps-logo-grey.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
#microsoft {
    padding-left: 35px;
    margin-right: 15px;
    background-image: url(https://storage.googleapis.com/greg-carlin-lumapps-extensions/img/microsoft-logo-grey.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
#drive {
    padding-left: 35px;
    margin-right: 15px;
    background-image: url(https://storage.googleapis.com/greg-carlin-lumapps-extensions/img/googledrive-logo-grey.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
#snow-7edefc88-0532-40f4-a87f-3b9a8c32b8f8 {
    padding-left: 35px;
    margin-right: 15px;
    background-image: url(https://storage.googleapis.com/greg-carlin-lumapps-extensions/img/servicenow-logo-grey.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
[data-id='search-filter-fcff13de-c096-40c4-a87d-7fe08297b261'] {
    padding-left: 35px !important;
    margin-right: 15px !important;
    background-image: url(https://storage.googleapis.com/greg-carlin-lumapps-extensions/img/confluence.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
[data-id='search-filter-1463e5d9-8cc1-45c0-8a5a-1e09709337f0'] {
    padding-left: 35px !important;
    margin-right: 15px !important;
    background-image: url(https://storage.googleapis.com/greg-carlin-lumapps-extensions/img/learning.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
[data-id='search-result-thumbnail-folder'] svg {
    color: #f5d367;
}
[data-id='search-result-thumbnail-file'] svg {
    color: #f5d367;
}
[data-id='search-result-thumbnail-web-box'] svg {
    color: #218285;
}
[data-id='search-result-thumbnail-file-pdf-box'] svg {
    color: #b30c00;
}
[data-id='search-result-thumbnail-file'] svg {
    color: #a9a8a8;
}
[data-id='search-result-thumbnail-file-excel-box'] svg {
    color: #207d41;
}
[data-id='search-result-thumbnail-file-powerpoint-box'] svg {
    color: #d14722;
}
[data-id='search-result-thumbnail-file-word-box'] svg {
    color: #1d78d4;
}

/* Move the Social Advocacy Add button upper in order not to be hidden by the chatbot button */

.sa-make-shareable__fab {
    bottom: 100px;
}

/* Fix simple template UIX issues in the topbar - Matthias */

.sidebar-simple__info {
    max-width: 200px !important;
}
.sidebar-simple__title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sidebar-simple__actions > button {
    flex-shrink: 0 !important;
}

/* Style microapp titles */

.widget-micro-app .lumx-toolbar {
    padding-left: 0px;
    padding-bottom: 20px;
}

/* Standardize font styles on the DA */

.assistant-message .wrex-content-body {
    font-size: 14px;
    font-weight: var(--lumx-typography-interface-body1-font-weight);
    line-height: 20px;
}
.assistant-message .lumx-flex-box {
    font-size: 14px;
    font-weight: var(--lumx-typography-interface-body1-font-weight);
    line-height: 20px;
}

/* Warning message on the user preference page */

[data-id='user-settings-general-tab']:before {
    content: '🔴 DANGER ZONE - PLEASE DO NOT EDIT THE USER MAIN LANGUAGE ON THIS DEMO SITE !!! 🔴';
    font-size: 30px;
    font-weight: bold;
    color: red;
    text-align: center;
}

/* Make the "bio" user profile field in full width */

li:first-child.user-details-list-item {
    grid-column: 1 / -1;
}

/* Hide pinned posts in spaces */

.lumx-slideshow--group-by-3 .lumx-slideshow-item {
    display: none;
}

/* Style button microapp */

.lumx-adaptive-card__element--action-set {
    display: block !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.micro-app .lumx-thumbnail__image {
    border-radius: var(--card-border-radius) !important;
}

/* Style microapp in ask ai */

.ask-ai-card {
    background-color: transparent !important;
    border: 0px solid transparent !important;
}

.ask-ai-card__micro-app {
    background-color: white !important;
}

/* Fix featured image button in full height in writer mode */

.widget-featured-image__editable-wrapper--empty,
.widget-featured-image__editable-wrapper--empty button {
    height: 100% !important;
}
.widget-title__editable-textarea .lumx-text-field__input-native {
    text-align: center;
    margin-top: 15px;
}

/* Fix border when microapp opened in web with a modal */

.lumx-dialog .micro-app {
    border-color: transparent !important;
}

/* Greg - Style on SNCF microapp */

[data-id='my-apps-micro-app-extension-213259417888433193631854722086131858779'] .lumx-flex-box--gap-big {
    gap: 0px;
}
[data-id='micro-app-213259417888433193631854722086131858779'] .lumx-adaptive-card__element {
    gap: 0px !important;
}

[data-id='my-apps-micro-app-extension-213259417888433193631854722086131858779'] .micro-app {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
[data-id='micro-app-213259417888433193631854722086131858779'] .micro-app {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}

/* Onboarding */

.component-row--onboarding-video-row {
    z-index: 1;
}

.component-row--onboarding-video-row .video-player,
.component-row--onboarding-video-row .video-player .lumx-thumbnail .lumx-thumbnail__image {
    border-radius: 0 !important;
}

/* Fix icon aligment */

.lumx-icon--has-shape {
    display: flex !important;
}

/* Fix organizers and comments style in event page */

.widget-event-organizers .widget-header__title {
    font-weight: bold;
    font-size:16px !important
}
.widget-comments .widget-header__title {
    font-weight: bold;
    font-size:16px !important
}

/* Add ServiceNow icon when AskAI shows ServiceNow results */

.ask-ai-sources-list__source-chip a[href*="service-now"] .lumx-chip__before {
    display: none;
}
.ask-ai-sources-list__source-chip a[href*="service-now"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url("https://cdn-public.softwarereviews.com/production/favicons/offerings/8865/original/NOW.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}