/* Main Font Family */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Handwriting style for quotes, used in the HTML widgets */
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');

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

:root {
    /* TYPOGRAPHY */

    /* --lumx-typography-font-family : 'Poppins', sans-serif; - To apply the font in every UI elements. If used, comment the Typography additional settings section */
    --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: 20px; /* Product native */
    --lumx-typography-custom-intro-font-weight: var(--lumx-typography-font-weight-light); /* Product native */
    --lumx-typography-custom-intro-line-height: 30px; /* 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 */

    /* RADIUS */
    
    --default-border-radius: 20px;
    --thumbnail-border-radius: 10px;
}

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

:root {
    --background-color-widget-header: #e4e6f3;
    --gradient-except-homepage: linear-gradient(90deg, #ec56aa 38%, #f0b24b 100%); /* You can use var(--lumx-color-primary-N) / var(--lumx-color-secondary-N) / white for simplicity */
    --gradient-alert-homepage: linear-gradient(45deg, #367aff 0%, #da2887 100%);
}

/* Typography additional settings - to be used when --lumx-typography-font-family is commented */

.main-nav-item__label, .widget-header__title, .widget-footer__label, .block-intro {
    font-family: var(--lumx-typography-global-headlines-font-family);
    font-weight: 500 !important;
}

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

.layout,
.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, 
.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,
.widget-title__title {
    color: var(--lumx-color-primary-N) !important;
}

/* Style Rich Text Editor */

.block-structured-content strong.wrex-content-bold,
.ask-ai-answer__wrapper .wrex-content-bold {
    font-weight: 600 !important;
}
.block-structured-content .wrex-content-body{
    font-size: 18px !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: #ffffff !important;
    background-color: var(--lumx-color-primary-N) !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' on rows for page header */

.component-row--page-header {
    background-color: var(--lumx-color-primary-L5) !important;
}

/* 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 'slideshow-content-list' to reduce the padding between the slideshow actions and the news content - 76px by default */

.widget--slideshow-content-list .block-page-preview__content {
    padding-bottom: 40px !important
}

/* 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--h-align-center{
    align-items: center; /* ! Unsafe */
}
.widget--v-align-center .widget-content {
    align-items: center; /* ! Unsafe */
}

/* Use 'widget--h-align-left' variable to align your widget content to the left */
.widget--h-align-left .widget-content {
    justify-content: left !important; /* ! Unsafe */
}

/* Use 'widget--h-align-right' variable to align your widget content to the right */
.widget--h-align-right .widget-content {
    justify-content: right; /* ! 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;
}
@media (min-width: 64em) {
    .component-row--separator-bottom > .row-wrapper,
    .component-row--separator-bottom > .component-row__wrapper {
        width: 936px !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 'dark' as style class on rows and widgets to get a dark background */

.component-row--dark,
.widget--dark .widget-content {
    background-color: var(--lumx-color-primary-N) !important;
}

/* 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
}

/* Use 'blur' to get a blurry background */

.widget--blur .widget-content,
.widget--blur .block-list__item {
    background-color: rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(70px);
}

/* Use 'metadata-no-bg' as an alternative style for metadata display without background */

.widget--metadata-no-bg .metadata-link {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-radius: var(--lumx-button-border-radius) !important;
    text-transform: uppercase;
    font-weight: bolder !important;
    font-size: medium;
}
.widget--metadata-no-bg .metadata-link--theme-light {
    color: var(--lumx-color-primary-N) !important;
    background-color: transparent !important;
}
.widget--metadata-no-bg .metadata-link--theme-dark {
    color: var(--lumx-color-primary-N) !important;
    background-color: #ffffff !important;
}

/* Use 'welcome-bold' on the welcome widget to get it bolder */

.widget--welcome-bold{
    font-weight : var(--lumx-typography-global-headlines-font-weight)
}

/* Use 'not-in-mobile' to prevent an element from being loaded on the mobile */

@media (max-width: 767px) {
    .widget--not-in-mobile,
    .component-row--not-in-mobile,
    .component-cell--not-in-mobile
        {
            display: none;
        }
}

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

/* Login v2 */

#login-app {
    background: var(--gradient-except-homepage) !important;
    /*background-image: url('ADD THE BACKGROUND IMAGE URL');
    background-size: cover;*/
}

.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: var(--lumx-color-secondary-N);
    filter: brightness(2);
}
.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--theme-dark.widget--upcoming-events button .lumx-link__content{
	color: white;
}

.widget--tools .lumx-thumbnail__image {
    border-radius: 5px;
}
.widget--tools .lumx-thumbnail--theme-dark .lumx-thumbnail__image {
    background: var(--lumx-color-light-L3);
}
.widget--tools .lumx-thumbnail--theme-light .lumx-thumbnail__image {
    background-color: var(--lumx-color-primary-L5);
}
.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);
}

/* *************************************** */
/*  🧪Product improvements or bug 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: var(--lumx-button-border-radius);
    border-top-right-radius: var(--lumx-button-border-radius);
}
.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);
}

/* Welcome widget style */

.widget-welcome {
    font-family: var(--lumx-typography-global-headlines-font-family);
}

/* 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;
}
[data-id='search-filter-e4526712-4ef3-4cc7-b45d-8b893d2522bd'] {
    padding-left: 35px !important;
    margin-right: 15px !important;
    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,
[data-id='search-result-thumbnail-file'] svg {
    color: #f5d367;
}
[data-id='search-result-thumbnail-file-excel-box'] svg,
[data-id='search-result-thumbnail-google-spreadsheet'] svg {
    color: #207d41;
}

[data-id='search-result-thumbnail-file-powerpoint-box'] svg,
[data-id='search-result-thumbnail-file-presentation-box'] svg {
    color: #d14722;
}

[data-id='search-result-thumbnail-file-word-box'] svg,
[data-id='search-result-thumbnail-file-document-box'] svg {
    color: #1d78d4;
}
[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;
}

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

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

/* 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: '⚠️ Please do not edit the main language of the demo users';
    font-size: 15px;
    font-weight: bold;
    color: #FF4433;
    background-color: #FFE5B4;
    padding: 2px 7px;
    border-radius: 5px;
    margin-top: 20px
}

/* 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;
}

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

.content--basic-designer-mode .widget-featured-image,
.content--basic-designer-mode .widget-featured-image 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;
}

/* Custom style for the SNCF microapp */

[data-id='micro-app-213259417888433193631854722086131858779'] .adaptive-card {
    background-image: url(https://www.thecolorapi.com/id?format=svg&named=false&hex=FCC6A2);
}

/* 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
}
.space-wrapper .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-icon {
    display: none;
}
.ask-ai-sources-list__source-chip a[href*="service-now"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 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;
}
.ask-ai-sources-list__source-chip a[href*="service-now"] span {
    margin-left: 15px;
}

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

.ask-ai-sources-list__source-chip a[href*="atlassian"] .lumx-icon {
    display: none;
}
.ask-ai-sources-list__source-chip a[href*="atlassian"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 8px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/5968/5968793.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.ask-ai-sources-list__source-chip a[href*="atlassian"] span {
    margin-left: 15px;
}

/* Fix post categories display with dark background */

.lumx-color-font-light-N .post-publication-description__tags{
    color: var(--lumx-color-light-N);
    font-weight: bolder
}

/* Fix hardcoded white background behing the "Mark as done" button in journeys */

.acknowledge-message {
    background-color: transparent !important;
}

/* Fix comment author displayed in dark when applying the dark mode */

.comments--theme-dark .user-card-popover__wrapper .lumx-link__content {
    color: white
}

/* Fix Learning iframe height so the footer is not minimizing it */

.training-page.page.page--wide {
	min-height: 85vh;
}

/* Add color to the lock icon in the style panel when activated */

.mdi-lock {color: var(--lumx-color-secondary-N)}

/* Remove negative padding on the new Ask AI Conversation section and unify radius */

.ai-generated-result-loading-state, .search-generated-results {
    margin: 0px 0 24px !important;
}

/* Remove hardcoded white background on a Play Playlist */

.playlist-page.page--has-background {
    background-color: transparent;
}

/* UIX improvements on AsKAI on text formating */

.ask-ai-answer__wrapper .wrex-content-body,
.ask-ai-answer__wrapper .wrex-content-link {
    font-size : 16px
}
.ask-ai-answer__wrapper .wrex-text-align-start{
    margin-bottom: 10px;
}
.ask-ai-answer__wrapper .wrex-content-title {
    font-size: 16px;
}
.ask-ai-answer-footer .lumx-typography-body2{
    background: var(--lumx-color-light-L2);
    padding-left: 10px;
    font-size: smaller;
    border-radius: var(--lumx-tabs-link-border-radius);
    padding-right: 10px;
    border: 1px solid var(--lumx-color-dark-L4);
}
.ask-ai-source-chip{
    background: var(--lumx-color-light-L2) !important;
}

/* Remove Language popover on edit mode */

.content-language-popover{
    display:none !important;
}

/* Add a separator after the Task entry in the user profile */

.user-profile-bk-tasks::after {
    content: "";
    display: block;
    height: 1px;
    background-color: var(--lumx-color-dark-L5);
    margin: 8px 0;
}

/* Label style broken for display a microapp widget */

.widget-micro-app .widget-wrapper {
    height: auto !important;
}