@import url("https://use.typekit.net/wcp5iuf.css");


/* *************************************** */
/* DS tokens */
/* *************************************** */

:root {
	/* TYPOGRAPHY */

	--lumx-typography-custom-title1-line-height: 50px;
	--lumx-typography-custom-title2-line-height: 40px;
	--lumx-typography-custom-title3-line-height: 32px;
	--lumx-typography-custom-title4-line-height: 30px;
	--lumx-typography-custom-title5-line-height: 24px;
	--lumx-typography-custom-title6-line-height: 20px;

	/* APP */

	--lumx-app-background-color: #ffffff;
	--lumx-app-header-box-shadow: none;

	/* METADATA */


    --lumx-metadata-state-default-theme-light-color: #ffed00; /* 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-typography-custom-metadata-text-transform: uppercase;
   --lumx-typography-custom-metadata-letter-spacing:3px;
}

.widget-content-list {
	/* TABS-LINKS */

	--lumx-tabs-links-spacing: 0;

}

/* *************************************** */
/* Demo tokens */
/* *************************************** */

:root {
	/* ALERT */

	--alert-row-theme-light-background: transparent;
	--alert-row-theme-dark-background: transparent;
	--alert-widget-border-radius: 0px;
	--alert-widget-padding: 0px;
	--alert-widget-padding-horizontal: var(--lumx-spacing-unit-big);
	--alert-widget-padding-vertical: var(--lumx-spacing-unit-medium);
	--alert-widget-theme-light-background: transparent;
	--alert-widget-theme-dark-background: var(--container-theme-dark-background);
	--alert-widget-theme-light-header-color: var(--lumx-color-dark-N);
	--alert-widget-theme-dark-header-color: var(--lumx-color-light-N);
	--alert-header-font-size: 16px;
	--alert-header-font-weight: var(--lumx-typography-font-weight-regular);
	--alert-header-line-height: 30px;

	/* BREAKING-NEWS */

	--breaking-news-row-theme-light-background: transparent;
	--breaking-news-row-theme-dark-background: transparent;
	--breaking-news-thumbnail-border-radius: 0 0 0 0;
	--breaking-news-thumbnail-border-top-left-radius: 0;
	--breaking-news-thumbnail-border-top-right-radius: 0;
	--breaking-news-thumbnail-border-bottom-right-radius: 0;
	--breaking-news-thumbnail-border-bottom-left-radius: 0;
	--breaking-news-border-radius: var(--card-border-top-left-radius) var(--card-border-top-right-radius) var(--card-border-bottom-right-radius) var(--card-border-bottom-left-radius);
	--breaking-news-border-top-left-radius: var(--card-border-top-left-radius);
	--breaking-news-border-top-right-radius: var(--card-border-top-right-radius);
	--breaking-news-border-bottom-right-radius: var(--card-border-bottom-right-radius);
	--breaking-news-border-bottom-left-radius: var(--card-border-bottom-left-radius);
	--breaking-news-theme-light-background: var(--container-theme-light-background);
	--breaking-news-theme-dark-background: var(--container-theme-dark-background);
	--breaking-news-title-font-size: 40px;
	--breaking-news-title-font-weight: var(--lumx-typography-font-weight-bold);
	--breaking-news-title-line-height: 46px;
	--breaking-news-excerpt-font-size: 24px;
	--breaking-news-excerpt-font-weight: var(--lumx-typography-font-weight-regular);
	--breaking-news-excerpt-line-height: 34px;

	/* CARD */

	--card-border-width: 1px 1px 1px 1px;
	--card-border-top-width: 1px;
	--card-border-right-width: 1px;
	--card-border-bottom-width: 1px;
	--card-border-left-width: 1px;
	--card-border-radius: 0px;
	--card-border-top-left-radius: 0px;
	--card-border-top-right-radius: 0px;
	--card-border-bottom-right-radius: 0px;
	--card-border-bottom-left-radius: 0px;
	--card-padding: var(--lumx-spacing-unit-huge) var(--lumx-spacing-unit-huge);
	--card-padding-horizontal: var(--lumx-spacing-unit-huge);
	--card-padding-vertical: var(--lumx-spacing-unit-huge);
	--card-theme-light-background: transparent;
	--card-theme-dark-background: transparent;
	--card-theme-light-border-color: var(--lumx-color-dark-L4);
	--card-theme-dark-border-color: var(--lumx-color-light-L4);

	/* CONTAINER */

	--container-theme-light-background: var(--lumx-color-primary-L5);
	--container-theme-dark-background: var(--lumx-color-primary-N);

	/* CTA */

	--cta-row-theme-light-background: var(--lumx-color-light-N);
	--cta-row-theme-dark-background: var(--lumx-color-dark-N);
	--cta-text-theme-light-color: var(--lumx-color-dark-N);
	--cta-text-theme-dark-color: var(--lumx-color-light-N);
	--cta-icon-wrapper-size: 45px;
	--cta-icon-wrapper-border-radius: 0;
	--cta-icon-theme-light-wrapper-background: var(--lumx-color-dark-N);
	--cta-icon-theme-dark-wrapper-background: var(--lumx-color-light-N);
	--cta-icon-size: 32px;
	--cta-icon-theme-light-color: var(--lumx-color-light-N);
	--cta-icon-theme-dark-color: var(--lumx-color-dark-N);
	--cta-link-theme-light-color: var(--lumx-color-dark-N);
	--cta-link-theme-dark-color: var(--lumx-color-light-N);
	--cta-text-font-size: 13px;
	--cta-text-font-weight: var(--lumx-typography-font-weight-regular);
	--cta-text-line-height: 20px;
	--cta-link-font-size: 14px;
	--cta-link-font-weight: var(--lumx-typography-font-weight-bold);
	--cta-link-line-height: 20px;
	--cta-row-shadow: none;

	/* HEADLINE */

	--headline-theme-light-color: var(--lumx-color-primary-N);
	--headline-theme-dark-color: var(--lumx-color-light-N);
	--headline-font-size: 38px;
	--headline-font-weight: var(--lumx-typography-font-weight-bold);
	--headline-line-height: 54px;
	--headline-theme-light-gradient: transparent;
	--headline-theme-dark-gradient: transparent;

	/* PAGE-HEADER */

	--page-header-theme-light-background: var(--container-theme-light-background);
	--page-header-theme-dark-background: var(--container-theme-dark-background);

	/* QUOTE */

	--quote-theme-light-background: var(--container-theme-light-background);
	--quote-theme-dark-background: var(--container-theme-dark-background);
	--quote-theme-light-color: var(--lumx-color-dark-N);
	--quote-theme-dark-color: var(--lumx-color-light-N);

	/* ROW */

	--row-spacing: 48px;
	--row-theme-light-highlighted-background: var(--lumx-color-dark-L6);
	--row-theme-dark-highlighted-background: var(--lumx-color-light-L6);
	--row-theme-light-dashboard-background: var(--lumx-color-primary-L5);
	--row-theme-dark-dashboard-background: var(--lumx-color-primary-N);
	--row-dashboard-background-size: cover;
	--row-highlighted-background-size: cover;

	/* SECTION-TITLE */

	--section-title-theme-light-color: var(--lumx-color-dark-N);
	--section-title-theme-dark-color: var(--lumx-color-light-N);
	--section-title-theme-light-icon-color: var(--lumx-color-dark-N);
	--section-title-theme-dark-icon-color: var(--lumx-color-light-N);
	--section-title-icon-size: 32px;
	--section-title-font-size: 28px;
	--section-title-font-weight: var(--lumx-typography-font-weight-regular);
	--section-title-line-height: 40px;

	/* THUMBNAIL */

	--thumbnail-border-radius: 0 0 0 0;
	--thumbnail-border-top-left-radius: 0;
	--thumbnail-border-top-right-radius: 0;
	--thumbnail-border-bottom-right-radius: 0;
	--thumbnail-border-bottom-left-radius: 0;

	/* WIDGET */

	--widget-header-low-border-width: 0 0 0 0;
	--widget-header-low-border-top-width: 0;
	--widget-header-low-border-right-width: 0;
	--widget-header-low-border-bottom-width: 0;
	--widget-header-low-border-left-width: 0;
	--widget-header-low-border-radius: 0 0 0 0;
	--widget-header-low-border-top-left-radius: 0;
	--widget-header-low-border-top-right-radius: 0;
	--widget-header-low-border-bottom-right-radius: 0;
	--widget-header-low-border-bottom-left-radius: 0;
	--widget-header-low-padding: 0 0;
	--widget-header-low-padding-horizontal: 0;
	--widget-header-low-padding-vertical: 0;
	--widget-header-low-icon-size: 28px;
	--widget-header-low-theme-light-background: transparent;
	--widget-header-low-theme-dark-background: transparent;
	--widget-header-low-theme-light-border-color: transparent;
	--widget-header-low-theme-dark-border-color: transparent;
	--widget-header-low-theme-light-color: var(--lumx-color-dark-N);
	--widget-header-low-theme-dark-color: var(--lumx-color-light-N);
	--widget-header-low-theme-light-icon-color: var(--lumx-color-dark-N);
	--widget-header-low-theme-dark-icon-color: var(--lumx-color-light-N);
	--widget-header-high-border-width: 0 0 0 0;
	--widget-header-high-border-top-width: 0;
	--widget-header-high-border-right-width: 0;
	--widget-header-high-border-bottom-width: 0;
	--widget-header-high-border-left-width: 0;
	--widget-header-high-border-radius: 0 0 0 0;
	--widget-header-high-border-top-left-radius: 0;
	--widget-header-high-border-top-right-radius: 0;
	--widget-header-high-border-bottom-right-radius: 0;
	--widget-header-high-border-bottom-left-radius: 0;
	--widget-header-high-padding: 0 0;
	--widget-header-high-padding-horizontal: 0;
	--widget-header-high-padding-vertical: 0;
	--widget-header-high-icon-size: 32px;
	--widget-header-high-theme-light-background: transparent;
	--widget-header-high-theme-dark-background: transparent;
	--widget-header-high-theme-light-border-color: transparent;
	--widget-header-high-theme-dark-border-color: transparent;
	--widget-header-high-theme-light-color: var(--lumx-color-dark-N);
	--widget-header-high-theme-dark-color: var(--lumx-color-light-N);
	--widget-header-high-theme-light-icon-color: var(--lumx-color-dark-N);
	--widget-header-high-theme-dark-icon-color: var(--lumx-color-light-N);
	--widget-wrapper-low-border-width: 0 0 0 0;
	--widget-wrapper-low-border-top-width: 0;
	--widget-wrapper-low-border-right-width: 0;
	--widget-wrapper-low-border-bottom-width: 0;
	--widget-wrapper-low-border-left-width: 0;
	--widget-wrapper-low-border-radius: 0 0 0 0;
	--widget-wrapper-low-border-top-left-radius: 0;
	--widget-wrapper-low-border-top-right-radius: 0;
	--widget-wrapper-low-border-bottom-right-radius: 0;
	--widget-wrapper-low-border-bottom-left-radius: 0;
	--widget-wrapper-low-padding: 0 0;
	--widget-wrapper-low-padding-horizontal: 0;
	--widget-wrapper-low-padding-vertical: 0;
	--widget-wrapper-low-theme-light-background: transparent;
	--widget-wrapper-low-theme-dark-background: transparent;
	--widget-wrapper-low-theme-light-border-color: transparent;
	--widget-wrapper-low-theme-dark-border-color: transparent;
	--widget-wrapper-medium-border-width: var(--card-border-top-width) var(--card-border-right-width) var(--card-border-bottom-width) var(--card-border-left-width);
	--widget-wrapper-medium-border-top-width: var(--card-border-top-width);
	--widget-wrapper-medium-border-right-width: var(--card-border-right-width);
	--widget-wrapper-medium-border-bottom-width: var(--card-border-bottom-width);
	--widget-wrapper-medium-border-left-width: var(--card-border-left-width);
	--widget-wrapper-medium-border-radius: var(--card-border-top-left-radius) var(--card-border-top-right-radius) var(--card-border-bottom-right-radius) var(--card-border-bottom-left-radius);
	--widget-wrapper-medium-border-top-left-radius: var(--card-border-top-left-radius);
	--widget-wrapper-medium-border-top-right-radius: var(--card-border-top-right-radius);
	--widget-wrapper-medium-border-bottom-right-radius: var(--card-border-bottom-right-radius);
	--widget-wrapper-medium-border-bottom-left-radius: var(--card-border-bottom-left-radius);
	--widget-wrapper-medium-padding: var(--card-padding-vertical) var(--card-padding-horizontal);
	--widget-wrapper-medium-padding-horizontal: var(--card-padding-horizontal);
	--widget-wrapper-medium-padding-vertical: var(--card-padding-vertical);
	--widget-wrapper-medium-theme-light-background: var(--card-theme-light-background);
	--widget-wrapper-medium-theme-dark-background: var(--card-theme-dark-background);
	--widget-wrapper-medium-theme-light-border-color: var(--card-theme-light-border-color);
	--widget-wrapper-medium-theme-dark-border-color: var(--card-theme-dark-border-color);
	--widget-wrapper-high-border-width: 0 0 0 0;
	--widget-wrapper-high-border-top-width: 0;
	--widget-wrapper-high-border-right-width: 0;
	--widget-wrapper-high-border-bottom-width: 0;
	--widget-wrapper-high-border-left-width: 0;
	--widget-wrapper-high-border-radius: var(--card-border-top-left-radius) var(--card-border-top-right-radius) var(--card-border-bottom-right-radius) var(--card-border-bottom-left-radius);
	--widget-wrapper-high-border-top-left-radius: var(--card-border-top-left-radius);
	--widget-wrapper-high-border-top-right-radius: var(--card-border-top-right-radius);
	--widget-wrapper-high-border-bottom-right-radius: var(--card-border-bottom-right-radius);
	--widget-wrapper-high-border-bottom-left-radius: var(--card-border-bottom-left-radius);
	--widget-wrapper-high-padding: var(--card-padding-vertical) var(--card-padding-horizontal);
	--widget-wrapper-high-padding-horizontal: var(--card-padding-horizontal);
	--widget-wrapper-high-padding-vertical: var(--card-padding-vertical);
	--widget-wrapper-high-theme-light-background: var(--lumx-color-primary-L6);
	--widget-wrapper-high-theme-dark-background: var(--lumx-color-light-L6);
	--widget-wrapper-high-theme-light-border-color: transparent;
	--widget-wrapper-high-theme-dark-border-color: transparent;
	--widget-footer-low-border-width: 2px 2px 2px 2px;
	--widget-footer-low-border-top-width: 2px;
	--widget-footer-low-border-right-width: 2px;
	--widget-footer-low-border-bottom-width: 2px;
	--widget-footer-low-border-left-width: 2px;
	--widget-footer-low-border-radius: 0 0 0 0;
	--widget-footer-low-border-top-left-radius: 0;
	--widget-footer-low-border-top-right-radius: 0;
	--widget-footer-low-border-bottom-right-radius: 0;
	--widget-footer-low-border-bottom-left-radius: 0;
	--widget-footer-low-padding: var(--lumx-spacing-unit-medium) var(--lumx-spacing-unit-huge);
	--widget-footer-low-padding-horizontal: var(--lumx-spacing-unit-huge);
	--widget-footer-low-padding-vertical: var(--lumx-spacing-unit-medium);
	--widget-footer-low-icon-size: 24px;
	--widget-footer-low-theme-light-background: transparent;
	--widget-footer-low-theme-dark-background: transparent;
	--widget-footer-low-theme-light-border-color: #000;
	--widget-footer-low-theme-dark-border-color: #fff;
	--widget-footer-low-theme-light-color: var(--lumx-color-dark-N);
	--widget-footer-low-theme-dark-color: var(--lumx-color-light-N);
	--widget-footer-low-theme-light-icon-color: var(--lumx-color-dark-N);
	--widget-footer-low-theme-dark-icon-color: var(--lumx-color-light-N);
	--widget-footer-high-border-width: 2px 2px 2px 2px;
	--widget-footer-high-border-top-width: 2px;
	--widget-footer-high-border-right-width: 2px;
	--widget-footer-high-border-bottom-width: 2px;
	--widget-footer-high-border-left-width: 2px;
	--widget-footer-high-border-radius: 0px;
	--widget-footer-high-border-top-left-radius: 25px;
	--widget-footer-high-border-top-right-radius: 25px;
	--widget-footer-high-border-bottom-right-radius: 0px;
	--widget-footer-high-border-bottom-left-radius: 0px;
	--widget-footer-high-padding: var(--lumx-spacing-unit-medium) var(--lumx-spacing-unit-huge);
	--widget-footer-high-padding-horizontal: var(--lumx-spacing-unit-huge);
	--widget-footer-high-padding-vertical: var(--lumx-spacing-unit-medium);
	--widget-footer-high-icon-size: 24px;
	--widget-footer-high-theme-light-background: transparent;
	--widget-footer-high-theme-dark-background: transparent;
	--widget-footer-high-theme-light-border-color: var(--lumx-color-dark-N);
	--widget-footer-high-theme-dark-border-color: var(--lumx-color-light-L4);
	--widget-footer-high-theme-light-color: var(--lumx-color-primary-N);
	--widget-footer-high-theme-dark-color: var(--lumx-color-light-N);
	--widget-footer-high-theme-light-icon-color: var(--lumx-color-primary-N);
	--widget-footer-high-theme-dark-icon-color: var(--lumx-color-light-N);
	--widget-header-low-font-family: var(--lumx-typography-font-family);
	--widget-header-low-font-size: 20px;
	--widget-header-low-font-weight: var(--lumx-typography-font-weight-bold);
	--widget-header-low-line-height: 32px;
	--widget-header-low-letter-spacing: 0px;
	--widget-header-low-text-transform: none;
	--widget-header-high-font-family: var(--lumx-typography-font-family);
	--widget-header-high-font-size: 16px;
	--widget-header-high-font-weight: var(--lumx-typography-font-weight-regular);
	--widget-header-high-line-height: 32px;
	--widget-header-high-letter-spacing: 0px;
	--widget-header-high-text-transform: none;
	--widget-footer-low-font-family: var(--lumx-typography-font-family);
	--widget-footer-low-font-size: 16px;
	--widget-footer-low-font-weight: var(--lumx-typography-font-weight-bold);
	--widget-footer-low-line-height: 32px;
	--widget-footer-low-letter-spacing: 0px;
	--widget-footer-low-text-transform: none;
	--widget-header-low-display: flex;
	--widget-header-high-display: flex;
	--widget-footer-low-display: flex;
	--widget-footer-high-display: flex;
   --widget-footer-high-font-weight: 600;

}

/* *************************************** */
/* CSS variables to add to product */
/* *************************************** */
a, html, body {
  font-family:  "cresta", sans-serif;
}
#maincontent {
  background-color: #fff;
}
.main-nav-item__label {
  text-transform: uppercase;
}
/* Metadata typography */

.metadata-link-list,
.content-block-metadata {
    margin: var(--lumx-metadata-margin-vertical) 0 !important;
}

.metadata-link,
.content-block-metadata .content-block-metadata__metadata > span {
    margin: var(--lumx-metadata-margin-vertical) 0 !important;
    text-transform: var(--lumx-typography-custom-metadata-text-transform);
    letter-spacing: var(--lumx-typography-custom-metadata-letter-spacing);
}

/* Tab links spacing */

.lumx-tabs .lumx-tabs__links {
    gap: var(--lumx-tabs-links-spacing);
}

/* Thumbnail radius */

.lumx-thumbnail:not(.lumx-avatar__thumbnail) {
    overflow: hidden;
    border-radius: var(--thumbnail-radius);
}

/* System pages block styles */

.space-wrapper .space-contribution-field,
.space-wrapper .block-list.block-list--ungrouped .block-list__item,
.space-wrapper .block-article-list,
.space-wrapper .space-articles__article-list .block-augmented-container,
.space-wrapper .space-events__event-list .block-augmented-container,
.space-wrapper .cell--is-plain > .cell__wrapper,
.page-card,
.user-directory-list .user-directory-list__user .user-block,
.filter-pane,
.widget-content-filter .widget-content-filter__interest--content,
.micro-app,
.feed-page-content .feed-page-content__list .block-list__item,
.subscriptions-page .subscriptions-list .subscriptions-list-item-content {
    padding: var(--card-padding) !important;
    background: var(--card-theme-light-background) !important;
    border-color: var(--card-theme-light-border-color) !important;
    border-style: solid !important;
    border-width: var(--card-border-width) !important;
    border-radius: var(--card-border-radius) !important;
    box-shadow: none !important;
}

.ask-lumapps .ask-lumapps__card .micro-app {
    padding: 0 !important;
    background: none !important;
    border-width: 0 !important;
    border-radius: 0 !important;
}

/* *************************************** */
/* Widget global styles CSS variables */
/* *************************************** */

/**************/
/* HEADER LOW */
/**************/

/* Widget header (header-low) */

.widget[class*='header-low'] .widget-header:not(.ng-hide) {
    display: var(--widget-header-low-display) !important;
}

.widget[class*='header-low'] .widget-header .widget-header__wrapper {
    padding: var(--widget-header-low-padding) !important;
    border-width: var(--widget-header-low-border-width) !important;
    border-radius: var(--widget-header-low-border-radius) !important;
}

.widget[class*='header-low'] .widget-header .widget-header__icon {
    font-size: var(--widget-header-low-icon-size) !important;
}

.widget[class*='header-low'] .widget-header .widget-header__title {
    font-family: var(--widget-header-low-font-family) !important;
    font-size: var(--widget-header-low-font-size) !important;
    font-weight: var(--widget-header-low-font-weight) !important;
    line-height: var(--widget-header-low-line-height) !important;
    text-transform: var(--widget-header-low-text-transform) !important;
    letter-spacing: var(--widget-header-low-letter-spacing) !important;
}

/* Widget header (header-low / theme-light) */

.widget[class*='header-low'].widget--theme-light .widget-header .widget-header__wrapper {
    background: var(--widget-header-low-theme-light-background) !important;
    border-color: var(--widget-header-low-theme-light-border-color) !important;
}

.widget[class*='header-low'].widget--theme-light .widget-header .widget-header__icon {
    color: var(--widget-header-low-theme-light-icon-color);
}

.widget[class*='header-low'].widget--theme-light .widget-header .widget-header__title {
    color: var(--widget-header-low-theme-light-color);
}

/* Widget header (header-low / theme-dark) */

.widget[class*='header-low'].widget--theme-dark .widget-header .widget-header__wrapper {
    background: var(--widget-header-low-theme-dark-background) !important;
    border-color: var(--widget-header-low-theme-dark-border-color) !important;
}

.widget[class*='header-low'].widget--theme-dark .widget-header .widget-header__icon {
    color: var(--widget-header-low-theme-dark-icon-color);
}

.widget[class*='header-low'].widget--theme-dark .widget-header .widget-header__title {
    color: var(--widget-header-low-theme-dark-color);
}

/***************/
/* HEADER HIGH */
/***************/

/* Widget header (header-high) */

.widget[class*='header-high'] .widget-header:not(.ng-hide) {
    display: var(--widget-header-high-display) !important;
}

.widget[class*='header-high'] .widget-header .widget-header__wrapper {
    padding: var(--widget-header-high-padding) !important;
    border-width: var(--widget-header-high-border-width) !important;
    border-radius: var(--widget-header-high-border-radius) !important;
}

.widget[class*='header-high'] .widget-header .widget-header__icon {
    font-size: var(--widget-header-high-icon-size) !important;
}

.widget[class*='header-high'] .widget-header .widget-header__title {
    font-family: var(--widget-header-high-font-family) !important;
    font-size: var(--widget-header-high-font-size) !important;
    font-weight: var(--widget-header-high-font-weight) !important;
    line-height: var(--widget-header-high-line-height) !important;
    text-transform: var(--widget-header-high-text-transform) !important;
    letter-spacing: var(--widget-header-high-letter-spacing) !important;
}

/* Widget header (header-high / theme-light) */

.widget[class*='header-high'].widget--theme-light .widget-header .widget-header__wrapper {
    background: var(--widget-header-high-theme-light-background) !important;
    border-color: var(--widget-header-high-theme-light-border-color) !important;
}

.widget[class*='header-high'].widget--theme-light .widget-header .widget-header__icon {
    color: var(--widget-header-high-theme-light-icon-color);
}

.widget[class*='header-high'].widget--theme-light .widget-header .widget-header__title {
    color: var(--widget-header-high-theme-light-color);
}

/* Widget header (header-high / theme-dark) */

.widget[class*='header-high'].widget--theme-dark .widget-header .widget-header__wrapper {
    background: var(--widget-header-high-theme-dark-background) !important;
    border-color: var(--widget-header-high-theme-dark-border-color) !important;
}

.widget[class*='header-high'].widget--theme-dark .widget-header .widget-header__icon {
    color: var(--widget-header-high-theme-dark-icon-color);
}

.widget[class*='header-high'].widget--theme-dark .widget-header .widget-header__title {
    color: var(--widget-header-high-theme-dark-color);
}

/***************/
/* WRAPPER LOW */
/***************/

/* Widget wrapper (wrapper-low) */

.widget[class*='wrapper-low'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-low'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-low'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-low'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-low'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-low'] .block-file-list .block-list--vertical.block-list--grouped {
    padding: var(--widget-wrapper-low-padding);
    border-style: solid;
    border-width: var(--widget-wrapper-low-border-width);
    border-radius: var(--widget-wrapper-low-border-radius);
}

.widget[class*='wrapper-low'].widget-post-list--view-mode-variant-ungroup .post-block {
    padding: 0 !important;
}

/* Widget wrapper (wrapper-low / theme-light) */

.widget[class*='wrapper-low'].widget--theme-light .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-low'].widget--theme-light.widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-low'].widget--theme-light.widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-low'].widget--theme-light.widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-low'].widget--theme-light .widget-content--block-variant-grouped,
.widget[class*='wrapper-low'].widget--theme-light .block-file-list .block-list--vertical.block-list--grouped {
    background: var(--widget-wrapper-low-theme-light-background);
    border-color: var(--widget-wrapper-low-theme-light-border-color) !important;
}

/* Widget wrapper (wrapper-low / theme-dark) */

.widget[class*='wrapper-low'].widget--theme-dark .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-low'].widget--theme-dark.widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-low'].widget--theme-dark.widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-low'].widget--theme-dark.widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-low'].widget--theme-dark .widget-content--block-variant-grouped,
.widget[class*='wrapper-low'].widget--theme-dark .block-file-list .block-list--vertical.block-list--grouped {
    background: var(--widget-wrapper-low-theme-dark-background);
    border-color: var(--widget-wrapper-low-theme-dark-border-color);
}

/******************/
/* WRAPPER MEDIUM */
/******************/

/* Widget wrapper (wrapper-medium) */

.widget[class*='wrapper-medium'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-medium'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-medium'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-medium'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-medium'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-medium'] .widget-content--block-client-computed,
.widget[class*='wrapper-medium'] .extension-component {
    padding: var(--widget-wrapper-medium-padding) !important;
    border-style: solid !important;
    border-width: var(--widget-wrapper-medium-border-width) !important;
    border-radius: var(--widget-wrapper-medium-border-radius) !important;
}

.widget[class*='wrapper-medium'].widget-post-list--view-mode-variant-ungroup .post-block {
    padding: 0 !important;
}

/* Widget wrapper (wrapper-medium / theme-light) */

.widget[class*='wrapper-medium'].widget[class*='theme-light'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-medium'].widget[class*='theme-light'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-medium'].widget[class*='theme-light'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-medium'].widget[class*='theme-light'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-medium'].widget[class*='theme-light'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-medium'].widget[class*='theme-light'] .widget-content--block-client-computed,
.widget[class*='wrapper-medium'].widget[class*='theme-light'] .extension-component {
    background: var(--widget-wrapper-medium-theme-light-background) !important;
    border-color: var(--widget-wrapper-medium-theme-light-border-color) !important;
}

/* Widget wrapper (wrapper-medium / theme-dark) */

.widget[class*='wrapper-medium'].widget[class*='theme-dark'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-medium'].widget[class*='theme-dark'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-medium'].widget[class*='theme-dark'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-medium'].widget[class*='theme-dark'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-medium'].widget[class*='theme-dark'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-medium'].widget[class*='theme-dark'] .widget-content--block-client-computed,
.widget[class*='wrapper-medium'].widget[class*='theme-dark'] .extension-component {
    background: var(--widget-wrapper-medium-theme-dark-background) !important;
    border-color: var(--widget-wrapper-medium-theme-dark-border-color) !important;
}

/****************/
/* WRAPPER HIGH */
/****************/

/* Widget wrapper (wrapper-high) */

.widget[class*='wrapper-high'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-high'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-high'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-high'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-high'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-high'] .widget-content--block-client-computed,
.widget[class*='wrapper-high'] .extension-component {
    padding: var(--widget-wrapper-high-padding) !important;
    border-style: solid !important;
    border-width: var(--widget-wrapper-high-border-width) !important;
    border-radius: var(--widget-wrapper-high-border-radius) !important;
}

.widget[class*='wrapper-high'].widget-post-list--view-mode-variant-ungroup .post-block {
    padding: 0 !important;
}

/* Widget wrapper (wrapper-high / theme-light) */

.widget[class*='wrapper-high'].widget[class*='theme-light'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-high'].widget[class*='theme-light'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-high'].widget[class*='theme-light'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-high'].widget[class*='theme-light'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-high'].widget[class*='theme-light'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-high'].widget[class*='theme-light'] .widget-content--block-client-computed,
.widget[class*='wrapper-high'].widget[class*='theme-light'] .extension-component {
    background: var(--widget-wrapper-high-theme-light-background) !important;
    border-color: var(--widget-wrapper-high-theme-light-border-color) !important;
}

/* Widget wrapper (wrapper-high / theme-dark) */

.widget[class*='wrapper-high'].widget[class*='theme-dark'] .block-list--vertical.block-list--ungrouped .block-list__item,
.widget[class*='wrapper-high'].widget[class*='theme-dark'].widget-post-list--view-mode-variant-ungroup .post-block,
.widget[class*='wrapper-high'].widget[class*='theme-dark'].widget-post-list--view-mode-variant-ungroup .contribution-field,
.widget[class*='wrapper-high'].widget[class*='theme-dark'].widget--variant-ungrouped .block-cascade .block-cascade__item .block-post,
.widget[class*='wrapper-high'].widget[class*='theme-dark'] .widget-content--block-variant-grouped,
.widget[class*='wrapper-high'].widget[class*='theme-dark'] .widget-content--block-client-computed,
.widget[class*='wrapper-high'].widget[class*='theme-dark'] .extension-component {
    background: var(--widget-wrapper-high-theme-dark-background) !important;
    border-color: var(--widget-wrapper-high-theme-dark-border-color) !important;
}

/**************/
/* FOOTER LOW */
/**************/

/* Widget footer (footer-low) */

.widget[class*='footer-low'] .widget-footer:not(.ng-hide) {
    display: var(--widget-footer-low-display) !important;
}

.widget[class*='footer-low'] .widget-footer .widget-footer__wrapper {
    padding: var(--widget-footer-low-padding) !important;
    border-width: var(--widget-footer-low-border-width) !important;
    border-radius: var(--widget-footer-low-border-radius) !important;
}

.widget[class*='footer-low'] .widget-footer .widget-footer__icon {
    font-size: var(--widget-footer-low-icon-size) !important;
}

.widget[class*='footer-low'] .widget-footer .widget-footer__label {
    font-family: var(--widget-footer-low-font-family) !important;
    font-size: var(--widget-footer-low-font-size) !important;
    font-weight: var(--widget-footer-low-font-weight) !important;
    line-height: var(--widget-footer-low-line-height) !important;
    text-transform: var(--widget-footer-low-text-transform) !important;
    letter-spacing: var(--widget-footer-low-letter-spacing) !important;
}

/* Widget footer (footer-low / theme-light) */

.widget[class*='footer-low'].widget--theme-light .widget-footer .widget-footer__wrapper {
    background: var(--widget-footer-low-theme-light-background) !important;
    border-color: var(--widget-footer-low-theme-light-border-color) !important;
}

.widget[class*='footer-low'].widget--theme-light .widget-footer .widget-footer__icon {
    color: var(--widget-footer-low-theme-light-icon-color);
}

.widget[class*='footer-low'].widget--theme-light .widget-footer .widget-footer__label {
    color: var(--widget-footer-low-theme-light-color);
}

/* Widget footer (footer-low / theme-dark) */

.widget[class*='footer-low'].widget--theme-dark .widget-footer .widget-footer__wrapper {
    background: var(--widget-footer-low-theme-dark-background) !important;
    border-color: var(--widget-footer-low-theme-dark-border-color) !important;
}

.widget[class*='footer-low'].widget--theme-dark .widget-footer .widget-footer__icon {
    color: var(--widget-footer-low-theme-dark-icon-color);
}

.widget[class*='footer-low'].widget--theme-dark .widget-footer .widget-footer__label {
    color: var(--widget-footer-low-theme-dark-color);
}

/***************/
/* FOOTER HIGH */
/***************/

/* Widget footer (footer-high) */

.widget[class*='footer-high'] .widget-footer:not(.ng-hide) {
    display: var(--widget-footer-high-display) !important;
}

.widget[class*='footer-high'] .widget-footer .widget-footer__wrapper {
    padding: var(--widget-footer-high-padding) !important;
    border-width: var(--widget-footer-high-border-width) !important;
    border-radius: var(--widget-footer-high-border-radius) !important;
}

.widget[class*='footer-high'] .widget-footer .widget-footer__icon {
    font-size: var(--widget-footer-high-icon-size) !important;
}

.widget[class*='footer-high'] .widget-footer .widget-footer__label {
    font-family: var(--widget-footer-high-font-family) !important;
    font-size: var(--widget-footer-high-font-size) !important;
    font-weight: var(--widget-footer-high-font-weight) !important;
    line-height: var(--widget-footer-high-line-height) !important;
    text-transform: var(--widget-footer-high-text-transform) !important;
    letter-spacing: var(--widget-footer-high-letter-spacing) !important;
}

/* Widget footer (footer-high / theme-light) */

.widget[class*='footer-high'].widget--theme-light .widget-footer .widget-footer__wrapper {
    background: var(--widget-footer-high-theme-light-background) !important;
    border-color: var(--widget-footer-high-theme-light-border-color) !important;
}

.widget[class*='footer-high'].widget--theme-light .widget-footer .widget-footer__icon {
    color: var(--widget-footer-high-theme-light-icon-color);
}

.widget[class*='footer-high'].widget--theme-light .widget-footer .widget-footer__label {
    color: var(--widget-footer-high-theme-light-color);
}

/* Widget footer (footer-high / theme-dark) */

.widget[class*='footer-high'].widget--theme-dark .widget-footer .widget-footer__wrapper {
    background: var(--widget-footer-high-theme-dark-background) !important;
    border-color: var(--widget-footer-high-theme-dark-border-color) !important;
}

.widget[class*='footer-high'].widget--theme-dark .widget-footer .widget-footer__icon {
    color: var(--widget-footer-high-theme-dark-icon-color);
}

.widget[class*='footer-high'].widget--theme-dark .widget-footer .widget-footer__label {
    color: var(--widget-footer-high-theme-dark-color);
}

/* *************************************** */
/* Component classes */
/* *************************************** */

/* Page header */

.component-row--page-header .row-wrapper,
.component-row--page-header .component-row__wrapper {
    padding: var(--row-spacing); /* To replace with designer row padding */
}

.component-row--page-header.component-row--page-header--wrapped .row-wrapper,
.component-row--page-header.component-row--page-header--wrapped .component-row__wrapper {
    border-radius: var(--card-border-radius); /* ! Unsafe */
}

.component-row--page-header.component-row--page-header--full-width.component-row--page-header--theme-light {
    background: var(--page-header-theme-light-background); /* To replace with designer row background */
}

.component-row--page-header.component-row--page-header--wrapped.component-row--page-header--theme-light .row-wrapper,
.component-row--page-header.component-row--page-header--wrapped.component-row--page-header--theme-light .component-row__wrapper {
    background: var(--page-header-theme-light-background); /* ! Unsafe */
}

.component-row--page-header.component-row--page-header--full-width.component-row--page-header--theme-dark {
    background: var(--page-header-theme-dark-background); /* To replace with designer row background */
}

.component-row--page-header.component-row--page-header--wrapped.component-row--page-header--theme-dark .row-wrapper,
.component-row--page-header.component-row--page-header--wrapped.component-row--page-header--theme-dark .component-row__wrapper {
    background: var(--page-header-theme-dark-background); /* ! Unsafe */
}

.component-row--page-header.component-row--page-header--no-background {
    background: none !important; /* To replace with designer row background */
}

.component-row--page-header .block-title,
.component-row--page-header .widget-title .widget-title__title {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.component-row--page-header .widget-title .widget-title__title {
    display: inline;
}

.component-row--page-header.component-row--page-header--theme-light .block-title,
.component-row--page-header.component-row--page-header--theme-light .widget-title .widget-title__title {
    background-color: var(--headline-theme-light-color);
    background-image: var(--headline-theme-light-gradient);
}

.component-row--page-header.component-row--page-header--theme-dark .block-title,
.component-row--page-header.component-row--page-header--theme-dark .widget-title .widget-title__title {
    background-color: var(--headline-theme-dark-color);
    background-image: var(--headline-theme-dark-gradient);
}

.component-row--page-header.component-row--page-header--theme-dark .widget-html h2 {
    color: var(--lumx-color-light-N);
}

.component-row--page-header .widget-welcome {
    font-family: var(--lumx-typography-custom-intro-font-family);
    font-size: var(--lumx-typography-custom-intro-font-size) !important;
    font-style: var(--lumx-typography-custom-intro-font-style);
    font-weight: var(--lumx-typography-custom-intro-font-weight);
    line-height: var(--lumx-typography-custom-intro-line-height);
    color: var(--lumx-widget-intro-theme-light-color) !important;
    text-align: var(--lumx-widget-intro-text-align);
}

/* Widget alignments */

.widget--h-align-center .widget-content {
    justify-content: center; /* ! Unsafe */
}

.widget--v-align-center .widget-content {
    align-items: center; /* ! Unsafe */
}

/* Title center */

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

/* Intro center */

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

/* Squared thumb */

.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 75px !important; /* ! Unsafe */
}

.widget--squared-thumb .lumx-thumbnail {
    --lumx-thumbnail-aspect-ratio: 1/1;
}

/* Card border radius */

.widget--card-border-radius {
    border-radius: var(--card-border-radius) !important; /* To replace with designer widget border-radius */
}

/* HTML widget with widget header look */

.widget--widget-header-low {
    --lumx-typography-custom-title2-font-family: var(--widget-header-low-font-family);
    --lumx-typography-custom-title2-font-weight: var(--widget-header-low-font-weight);
    --lumx-typography-custom-title2-font-size: var(--widget-header-low-font-size);
    --lumx-typography-custom-title2-line-height: var(--widget-header-low-line-height);
}

.widget--widget-header-high {
    --lumx-typography-custom-title2-font-family: var(--widget-header-high-font-family);
    --lumx-typography-custom-title2-font-weight: var(--widget-header-high-font-weight);
    --lumx-typography-custom-title2-font-size: var(--widget-header-high-font-size);
    --lumx-typography-custom-title2-line-height: var(--widget-header-high-line-height);
}

/* Highlighted row */

.row[class*='component-row--highlighted'] {
    padding: var(--row-spacing) 0; /* To replace with designer row padding */
    background-size: var(--row-highlighted-background-size) !important; /* To replace with designer row background */
}

.component-row--highlighted-theme-light {
    background: var(--row-theme-light-highlighted-background) !important; /* To replace with designer background */
}

.component-row--highlighted-theme-dark {
    background: var(--row-theme-dark-highlighted-background) !important; /* To replace with designer background */
}

/* Row wrapper size (to replace with designer row padding) */

@media (min-width: 64em) {
    .component-row--wrapper-medium > .row-wrapper,
    .component-row--wrapper-medium > .component-row__wrapper {
        width: 936px !important;
    }

    .component-row--wrapper-small > .row-wrapper,
    .component-row--wrapper-small > .component-row__wrapper {
        width: 744px !important;
    }

    .component-row--wrapper-tiny > .row-wrapper,
    .component-row--wrapper-tiny > .component-row__wrapper {
        width: 480px !important;
    }
}

/* Row spacing (to replace width designer row margin) */

.component-row--spacing-top {
    margin-top: var(--row-spacing);
}

.component-row--spacing-bottom {
    margin-bottom: var(--row-spacing);
}

/* Row padding (to replace width designer row padding) */

.component-row--padding-top {
    padding-top: var(--row-spacing);
}

.component-row--padding-bottom {
    padding-bottom: var(--row-spacing);
}

/* Row with separator (to replace with cell borders) */

.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-top-no-padding > .row-wrapper,
.component-row--separator-top-no-padding > .component-row__wrapper {
    padding-top: 0 !important;
}

.component-row--separator-bottom > .row-wrapper,
.component-row--separator-bottom > .component-row__wrapper {
    padding-bottom: var(--row-spacing);
    border-bottom-width: 1px !important;
}

.component-row--separator-bottom-no-padding > .row-wrapper,
.component-row--separator-bottom-no-padding > .component-row__wrapper {
    padding-bottom: 0 !important;
}

.row[class*='component-row--separator'] .block-metadata .block-metadata__author {
    margin-bottom: 0;
}

/* Row with container background (to replace with row background color) */

.component-row--container-theme-light {
    background: var(--container-theme-light-background) !important;
}

.component-row--container-theme-dark {
    background: var(--container-theme-dark-background) !important;
}

/* Row hidden on mobile */

@media (max-width: 63.99em) {
    .component-row--hide-mobile {
        display: none;
    }
}

/* Alert (home) */

.component-row--alert-theme-light {
    background: var(--alert-row-theme-light-background); /* To replace with designer row background color */
}

.component-row--alert-theme-dark {
    background: var(--alert-row-theme-dark-background); /* To replace with designer row background color */
}

.widget--alert {
    --lumx-typography-custom-title4-font-size: var(--alert-header-font-size);
    --lumx-typography-custom-title4-font-weight: var(--alert-header-font-weight);
    --lumx-typography-custom-title5-font-size: var(--alert-header-font-size);
    --lumx-typography-custom-title5-font-weight: var(--alert-header-font-weight);

    gap: var(--lumx-spacing-unit-regular); /* ! Unsafe */
    align-items: center !important; /* ! Unsafe */
    padding: var(--alert-widget-padding) !important; /* To replace with designer padding */
    border-radius: var(--alert-widget-border-radius) !important; /* To replace with designer border-radius */
}

.widget--alert.widget--theme-light {
    --widget-header-low-theme-light-color: var(--alert-widget-theme-light-header-color);
    --widget-header-low-theme-light-icon-color: var(--alert-widget-theme-light-header-color);

    background: var(--alert-widget-theme-light-background) !important; /* To replace with designer background color */
}

.widget--alert.widget--theme-dark {
    --widget-header-low-theme-dark-color: var(--alert-widget-theme-dark-header-color);
    --widget-header-low-theme-dark-icon-color: var(--alert-widget-theme-dark-header-color);

    background: var(--alert-widget-theme-dark-background) !important; /* To replace with designer background color */
}

@media (min-width: 64em) {
    .widget--alert {
        flex-direction: row !important; /* ! Unsafe */
    }
}

.widget--alert .widget-header .widget-header__wrapper {
    margin-bottom: 0 !important; /* ! Unsafe */
}

@media (max-width: 63.99em) {
    .widget--alert .block-page-preview .block-page-preview__title {
        text-align: center; /* ! Unsafe */
    }
}

.widget--alert .block-slideshow .block-slideshow__controls {
    display: none;
}

.widget--alert .widget-header {
  padding: 4px 12px 6px;
  background-color: #2b2b2b;
  border-radius: 4px;
  margin-right: 12px;
}
/* Breaking news (home) */

.component-row--breaking-news-theme-light {
    background: var(--breaking-news-row-theme-light-background) !important;
}

.component-row--breaking-news-theme-dark {
    background: var(--breaking-news-row-theme-dark-background) !important;
}

.widget--breaking-news {
    --lumx-typography-custom-title3-font-size: 70px;
    --lumx-typography-custom-title3-line-height: 76px;
    --lumx-typography-custom-metadata-font-size: 22px;
    --lumx-typography-custom-metadata-font-weight: 700;
    --lumx-metadata-state-default-theme-dark-color: white;
    --lumx-typography-custom-publish-info-font-size: 16px;
}
.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;
}

.widget--breaking-news .block-slideshow .block-slideshow__controls {
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
}

/* CTA (home) */

.row[class*='component-row--cta'] {
    box-shadow: var(--cta-row-shadow); /* To replace with designer row elevation */
}

.component-row--cta-theme-light {
    background: var(--cta-row-theme-light-background); /* To replace with designer background */
}

.component-row--cta-theme-dark {
    background: var(--cta-row-theme-dark-background); /* To replace with designer background */
}

/* Content list 2 cols (home) */

.widget--content-list-2-cols .block-list {
    display: grid; /* ! Unsafe */
    grid-template-columns: repeat(2, 1fr); /* ! Unsafe */
    row-gap: var(--lumx-spacing-unit-huge); /* ! Unsafe */
    column-gap: var(--lumx-spacing-unit-huge); /* ! Unsafe */
}

.widget--content-list-2-cols .block-list > .lumx-divider {
    display: none; /* ! Unsafe */
}

/* Podcasts (home) */

.widget--podcasts .widget-header .widget-header__wrapper {
    margin-bottom: 0 !important; /* To replace with a global style with no margin below header */
}

.widget--podcasts-social .block-grid {
    --lumx-grid-column-item-min-width: 200px !important;
}

/* Dashboard (home) */

.row[class*='component-row--dashboard'] {
    padding: var(--row-spacing) 0; /* To replace with designer row padding */
    background-size: var(--row-dashboard-background-size) !important; /* To replace with designer row background */
}

.component-row--dashboard-theme-light {
    background: var(--row-theme-light-dashboard-background) !important; /* To replace with designer background */
}

.component-row--dashboard-theme-dark {
    background: var(--row-theme-dark-dashboard-background) !important; /* To replace with designer background */
}

/* Welcome (home) */

@media (min-width: 64em) {
    /* To replace with designer cell border, padding and margin */

    .widget--welcome {
        padding-right: var(--row-spacing) !important;
        margin-right: calc(var(--row-spacing) - 12px) !important;
    }

    .widget--welcome.widget--theme-light {
        border-right: 1px solid var(--lumx-color-dark-L4) !important;
    }

    .widget--welcome.widget--theme-dark {
        border-right: 1px solid var(--lumx-color-light-L4) !important;
    }
}

/* My tickets (home) */

.widget--my-tickets .block-html {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.widget--my-tickets .block-html .dashboard-cards,
.widget--my-tickets .block-html .dashboard-cards .dashboard-card {
    flex: 1;
}

/* Onboarding video (onboarding) */

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

.widget-html.widget--onboarding-video {
    --lumx-typography-custom-body-large-font-size: var(--onboarding-start-font-size);
    --lumx-typography-custom-body-large-font-weight: var(--onboarding-start-font-weight);
    --lumx-typography-custom-body-large-line-height: var(--onboarding-start-line-height);

    padding: var(--row-spacing); /* To replace with designer widget padding */
    background: var(--container-theme-dark-background) !important; /* To replace with designer widget background color */
    border-radius: var(--card-border-radius) !important; /* To replace with designer widget border-radius */
}

@media (min-width: 64em) {
    .widget-html.widget--onboarding-video {
        border-radius: var(--card-border-radius) 0 0 var(--card-border-radius) !important; /* To replace with designer widget border-radius */
    }
}

.widget-html.widget--onboarding-video .widget-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-html.widget--onboarding-video .block-html strong {
    font-size: var(--onboarding-count-font-size);
    font-weight: var(--onboarding-count-font-weght);
}

.widget-play.widget--onboarding-video {
    border-radius: var(--card-border-radius) !important; /* To replace with designer widget border-radius */
}

@media (min-width: 64em) {
    .widget-play.widget--onboarding-video {
        border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0 !important; /* To replace with designer widget border-radius */
    }
}

.widget-play.widget--onboarding-video .video-player,
.widget-play.widget--onboarding-video .lumx-thumbnail {
    border-radius: 0 !important;
}

/* Onboarding communities (onboarding) */

.component-row--onboarding-communities {
    padding: var(--row-spacing) 0; /* To replace with designer row padding */
    background: var(--container-theme-dark-background); /* To replace with designer row background */
}

/* Onboarding count (onboarding) */

.widget--onboarding-count {
    padding-left: 140px;
}

.widget--onboarding-count::before {
    position: absolute;
    left: 0;
    font-size: var(--onboarding-count-font-size);
    font-weight: var(--onboarding-count-font-weght);
}

.widget--onboarding-count.widget--theme-dark::before {
    color: var(--lumx-color-light-N);
}

.widget--onboarding-count--2::before {
    content: '2/';
}

.widget--onboarding-count--3::before {
    content: '3/';
}

.widget--onboarding-count--4::before {
    content: '4/';
}

/* Quote (news) */

.row[class*='component-row--quote'] {
    padding: var(--row-spacing) 0; /* To replace with designer row padding */
}

.component-row--quote-theme-light {
    background: var(--quote-theme-light-background); /* To replace with designer background */
}

.component-row--quote-theme-dark {
    background: var(--quote-theme-dark-background); /* To replace with designer background */
}

.row[class*='component-row--quote'] .widget-html .widget-content {
    overflow: hidden;
}

.row[class*='component-row--quote'] .block-html {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.row[class*='component-row--quote'] .block-html::before,
.row[class*='component-row--quote'] .block-html::after {
    position: absolute;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 270px;
    line-height: 220px;
    opacity: 0.1;
}

.component-row--quote-theme-light .block-html::before,
.component-row--quote-theme-light .block-html::after {
    color: var(--quote-theme-light-color);
}

.component-row--quote-theme-dark .block-html::before,
.component-row--quote-theme-dark .block-html::after {
    color: var(--quote-theme-dark-color);
}

.row[class*='component-row--quote'] .block-html::before {
    top: 0;
    left: 0;
    content: '“';
}

.row[class*='component-row--quote'] .block-html::after {
    right: 0;
    bottom: 0;
    content: '“';
    transform: rotate(180deg);
}

.row[class*='component-row--quote'] .block-html p {
    max-width: 600px;
    text-align: center;
}

.component-row--quote-theme-light .block-html p {
    color: var(--quote-theme-light-color);
}

.component-row--quote-theme-dark .block-html p {
    color: var(--quote-theme-dark-color);
}

.row[class*='component-row--quote'] .block-html p:first-child {
    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);
}

.row[class*='component-row--quote'] .block-html hr {
    width: 100px;
}

.component-row--quote-theme-light .block-html hr {
    background-color: var(--quote-theme-light-color);
}

.component-row--quote-theme-dark .block-html hr {
    background-color: var(--quote-theme-dark-color);
}

/* Header mobile */

.component-row--mobile-header {
    margin-bottom: var(--lumx-spacing-unit-huge);
    overflow: hidden;
}

.component-row--mobile-header::before {
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    z-index: -1;
    content: '';
    background: var(--container-theme-light-background);
    border-radius: 0 0 50% 50%;
}

.mobile-header {
    position: relative;
    z-index: 1;
    display: flex;
    gap: var(--lumx-spacing-unit-huge);
    align-items: center;
    padding: var(--lumx-spacing-unit-big) 0;
}

.mobile-header .mobile-header__avatar {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

.mobile-header .mobile-header__avatar img {
    width: 50px;
    height: 50px;
}

.mobile-header .mobile-header__wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.mobile-header .mobile-header__wrapper strong {
    font-family: var(--lumx-typography-custom-title3-font-family);
    font-size: var(--lumx-typography-custom-title3-font-size);
    font-weight: var(--lumx-typography-custom-title3-font-weight);
    line-height: var(--lumx-typography-custom-title3-line-height);
}

/* Cell sidebar */

.component-cell--sidebar .widget {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--lumx-color-dark-L5) !important;
}

.component-cell--sidebar .widget:last-child {
    border-bottom: none !important;
}

.component-cell--sidebar .micro-app {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Highlighted news */

.widget--highlighted-news {
    --lumx-typography-custom-metadata-font-weight: 700;
    --lumx-metadata-state-default-theme-dark-color: var(--lumx-color-light-N);
}

.widget--highlighted-news .block-grid {
    --lumx-grid-column-item-min-width: 100px !important;
}

.widget--highlighted-news .block-page-preview .block-page-preview__thumbnail-wrapper {
    margin-bottom: 0 !important;
}

.widget--highlighted-news .block-page-preview .block-page-preview__content {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    padding: var(--lumx-spacing-unit-regular);
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: var(--thumbnail-radius);
}

.widget--highlighted-news .metadata-link {
    text-align: center !important;
}

.widget--highlighted-news .lumx-text--is-truncated {
    --lumx-text-white-space: unset !important;
}

/* Block gradient title */

.widget--block-gradient-title .block-page-preview .block-page-preview__title {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.widget--block-gradient-title.widget--theme-light .block-page-preview .block-page-preview__title {
    background: var(--headline-accent-theme-light-gradient);
}

.widget--block-gradient-title.widget--theme-dark .block-page-preview .block-page-preview__title {
    background: var(--headline-accent-theme-dark-gradient);
}

/* *************************************** */
/* Custom HTML markup */
/* *************************************** */

/* CTA (home) */

.cta {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    grid-row-gap: var(--lumx-spacing-unit-tiny);
    grid-column-gap: var(--lumx-spacing-unit-big);
}

.cta > div {
    display: flex;
    grid-area: 1 / 1 / 3 / 2;
    align-items: center;
    justify-content: center;
    width: var(--cta-icon-wrapper-size);
    height: var(--cta-icon-wrapper-size);
    border-radius: var(--cta-icon-wrapper-border-radius);
}

.widget--theme-light .cta > div {
    background-color: var(--cta-icon-theme-light-wrapper-background);
}

.widget--theme-dark .cta > div {
    background-color: var(--cta-icon-theme-dark-wrapper-background);
}

.cta > div > svg {
    width: var(--cta-icon-size);
    fill: currentColor;
}

.widget--theme-light .cta > div > svg {
    color: var(--cta-icon-theme-light-color);
}

.widget--theme-dark .cta > div > svg {
    color: var(--cta-icon-theme-dark-color);
}

.cta > span {
    grid-area: 1 / 2 / 2 / 3;
    font-family: var(--cta-text-font-family);
    font-size: var(--cta-text-font-size);
    font-weight: var(--cta-text-font-weight);
}

.widget--theme-light .cta > span {
    color: var(--cta-text-theme-light-color);
}

.widget--theme-dark .cta > span {
    color: var(--cta-text-theme-dark-color);
}

.cta > a {
    grid-area: 2 / 2 / 3 / 3;
    font-family: var(--cta-link-font-font-family);
    font-size: var(--cta-link-font-size);
    font-weight: var(--cta-link-font-weight);
    color: var(--cta-link-color) !important;
    text-decoration: underline;
}

.widget--theme-light .cta > a {
    color: var(--cta-link-theme-light-color);
}

.widget--theme-dark .cta > a {
    color: var(--cta-link-theme-dark-color);
}

/* Section title (home) */

.section-title {
    --lumx-typography-custom-title2-font-size: var(--section-title-font-size);
    --lumx-typography-custom-title2-font-weight: var(--section-title-font-weight);
    --lumx-typography-custom-title2-line-height: var(--section-title-line-height);

    display: flex;
    gap: var(--lumx-spacing-unit-regular);
    align-items: center;
}

.section-title {
    margin-bottom: 0 !important;
}

.section-title svg {
    display: block;
    width: var(--section-title-icon-size);
    height: var(--section-title-icon-size);
    fill: currentColor;
}

.widget--theme-light .section-title svg {
    color: var(--section-title-theme-light-icon-color);
}

.widget--theme-dark .section-title svg {
    color: var(--section-title-theme-dark-icon-color);
}

.widget--theme-light .section-title h2 {
    color: var(--section-title-theme-light-color);
}

.widget--theme-dark .section-title h2 {
    color: var(--section-title-theme-dark-color);
}

/* Headline (home) */

.headline {
    --lumx-typography-custom-title3-font-size: var(--headline-font-size);
    --lumx-typography-custom-title3-font-weight: var(--headline-font-weight);
    --lumx-typography-custom-title3-line-height: var(--headline-line-height);

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.widget--theme-light .headline {
    background-color: var(--headline-theme-light-color);
    background-image: var(--headline-theme-light-gradient);
}

.widget--theme-dark .headline {
    background-color: var(--headline-theme-dark-color);
    background-image: var(--headline-theme-dark-gradient);
}

/* Welcome (home) */

.welcome {
    display: flex;
    flex-direction: column;
    gap: var(--lumx-spacing-unit-huge);
    align-items: center;
}

.welcome strong {
    font-size: var(--lumx-typography-interface-title-font-size);
    font-weight: var(--lumx-typography-interface-title-font-weight);
    text-align: center;
}

/* Avatar (home & onboarding) */

.avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    border-radius: 50%;
}

.avatar.avatar--theme-light {
    border: 1px solid var(--lumx-color-primary-N);
}

.avatar.avatar--theme-dark {
    border: 1px solid var(--lumx-color-light-N);
}

.avatar img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

/* Dashboard card (home) */

.dashboard-cards {
    display: flex;
}

.dashboard-cards--horizontal {
    gap: var(--lumx-spacing-unit-huge);
}

@media (max-width: 44.99em) {
    .dashboard-cards--horizontal {
        flex-direction: column;
    }
}

.dashboard-cards--vertical {
    flex-direction: column;
    gap: var(--lumx-spacing-unit-regular);
}

.dashboard-card {
    flex: 1;
    border-style: solid;
    border-width: var(--card-border-width);
    border-radius: var(--card-border-radius);
}

.dashboard-cards--horizontal .dashboard-card {
    padding: var(--lumx-spacing-unit-huge);
}

.dashboard-cards--vertical .dashboard-card {
    padding: var(--lumx-spacing-unit-big) var(--lumx-spacing-unit-huge);
}

.widget--theme-light .dashboard-card {
    background: var(--card-theme-light-background);
    border-color: var(--card-theme-light-border-color);
}

.widget--theme-dark .dashboard-card {
    background: var(--card-theme-dark-background);
    border-color: var(--card-theme-dark-border-color);
}

/* Balance card (home) */

.card-balance {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-balance > span:nth-child(1) {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 var(--lumx-spacing-unit-big);
    font-size: var(--lumx-typography-interface-body1-font-size);
    font-weight: var(--lumx-typography-interface-body1-font-weight);
    border-radius: 12px;
}

.widget--theme-light .card-balance > span:nth-child(1) {
    background-color: var(--lumx-color-dark-L5);
}

.widget--theme-dark .card-balance > span:nth-child(1) {
    background-color: var(--lumx-color-light-L5);
}

.card-balance > span:nth-child(2) {
    margin-top: var(--lumx-spacing-unit-big);
    font-size: var(--lumx-typography-interface-display1-font-size);
    font-weight: var(--lumx-typography-interface-display1-font-weight);
}

.card-balance > span:nth-child(3) {
    font-size: var(--lumx-typography-interface-body1-font-size);
    font-weight: var(--lumx-typography-interface-body1-font-weight);
}

.card-balance > svg {
    align-self: end;
    width: 16px;
    height: 16px;
    margin-top: var(--lumx-spacing-unit-regular);
    fill: currentColor;
}

/* Balance info card (home) */

.card-balance-info {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-template-columns: auto 1fr;
    grid-column-gap: var(--lumx-spacing-unit-regular);
}

.card-balance-info > svg {
    grid-area: 1 / 1 / 2 / 2;
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.card-balance-info > strong,
.card-balance-info > span {
    font-size: var(--lumx-typography-interface-body1-font-size);
    font-weight: var(--lumx-typography-interface-body1-font-weight);
}

.card-balance-info > strong {
    grid-area: 1 / 2 / 2 / 3;
}

.card-balance-info > span {
    grid-area: 2 / 2 / 3 / 3;
}

/* Ticket card (home) */

.ticket {
    display: flex;
    gap: var(--lumx-spacing-unit-regular);
    align-items: center;
}

.ticket .ticket__number {
    font-size: var(--lumx-typography-interface-subtitle2-font-size);
    font-weight: var(--lumx-typography-interface-subtitle2-font-weight);
}

.ticket .ticket__label {
    width: 35%;
    font-size: var(--lumx-typography-interface-body1-font-size);
    font-weight: var(--lumx-typography-interface-body1-font-weight);
}

.ticket .ticket__status,
.ticket .ticket__tag {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 var(--lumx-spacing-unit-big);
    font-size: var(--lumx-typography-interface-body1-font-size);
    font-weight: var(--lumx-typography-interface-body1-font-weight);
    border-radius: 12px;
}

.ticket .ticket__status--ongoing {
    color: var(--lumx-color-light-N);
    background-color: var(--lumx-color-dark-N);
}

.ticket .ticket__status--rejected {
    color: var(--lumx-color-red-D2);
    background-color: var(--lumx-color-red-L4);
}

.ticket .ticket__status--active {
    color: var(--lumx-color-green-D2);
    background-color: var(--lumx-color-green-L4);
}

.widget--theme-light .ticket .ticket__tag {
    background-color: var(--lumx-color-dark-L5);
}

.widget--theme-dark .ticket .ticket__tag {
    background-color: var(--lumx-color-light-L5);
}

.ticket svg {
    width: 16px;
    height: 16px;
    margin-left: auto;
    fill: currentColor;
}

/* KPI (news) */

.kpi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: var(--lumx-spacing-unit-huge);
    border-top: 1px solid var(--card-theme-light-border-color);
    border-bottom: 1px solid var(--card-theme-light-border-color);
}

.kpi strong {
    font-size: var(--kpi-font-size);
    font-weight: var(--kpi-font-weight);
    text-align: center;
}

.kpi span {
    text-align: center;
}

/* KPI alt (newsletter) */

.kpi-alt {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kpi-alt svg {
    width: 34px;
    height: 34px;
}

.kpi-alt strong,
.kpi-alt span {
    margin-top: var(--lumx-spacing-unit-tiny);
    text-align: center;
}

.kpi-alt strong {
    font-size: var(--lumx-typography-interface-title-font-size);
    font-weight: var(--lumx-typography-interface-title-font-weight);
}

.kpi-alt span {
    margin-top: var(--lumx-spacing-unit-big);
    font-size: var(--lumx-typography-interface-body1-font-size);
    font-weight: var(--lumx-typography-interface-body1-font-weight);
}

/* Text to speech (news) */

.ai-texttospeech {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--lumx-spacing-unit-regular) var(--lumx-spacing-unit-big);
    margin-bottom: var(--lumx-spacing-unit-huge);
    background-color: var(--lumx-color-dark-L6);
    border-radius: var(--lumx-border-radius);
}

.ai-texttospeech::after {
    width: 32px;
    height: 32px;
    margin-left: auto;
    content: '';
    background-image: url('https://sites-ms.lumapps.com/serve/AMIfv974UjpufV0VbArEQNcZBxwo_R9UFpeyJKxpZdIfLc0_eTPDLyHyBSttAc1Q2eCSliPsa7H9ufEgFhwLfdwzf8YqQHR65-ZzM-zipQRzDAh2wFf-Jo0OudMznTFzV1BGeSqfCYeQuTXLePQKgdJgPTMzprnJTBRxvPsZqJc04x-yXrPwciT0wuOnuAsCIkWy_Q2s0lrpZUod6VO8-C0XrF7uQEjhHEGMy_WAPoElowtc3pBudiAgjOZaceObKf_62NUmewAlj29zxT2hPNuLc_betj4M-A/text-to-speech.png');
    background-size: 32px 32px;
}

/* Home social */

.app-content--module-home-social::before,
.app-content--module-home-social::after {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: '';
    background-repeat: no-repeat;
}

.app-content--module-home-social::before {
    background-image: url('https://sites-ms.lumapps.com/serve/4930449491099648-1725645839241107/circle-purple.svg');
    background-size: 300px;
}

.app-content--module-home-social::after {
    right: 0;
    background-image: url('https://sites-ms.lumapps.com/serve/4930449491099648-2171598727517477/circle-orange.svg');
    background-position: top right;
    background-size: 200px;
}

/* *************************************** */
/* System pages */
/* *************************************** */

/* Login page */

.new-login {
    background: var(--container-theme-light-background);
}

.new-login-card {
    border-radius: var(--card-border-radius);
    box-shadow: 0px 4px 94px 0px rgba(36, 53, 114, 0.12);
}

.new-login-card .new-login-card__header {
    display: none;
}

.new-login-card .new-login-card__top {
    padding-top: var(--row-spacing);
}

.new-login-card .new-login-card__forgotten-link {
    color: var(--lumx-color-primary-N);
}

.new-login-card .new-login-card__submit-btn {
    background-color: var(--lumx-button-emphasis-high-state-default-theme-light-background-color);
}

.new-login-card .new-login-card__submit-btn:hover {
    background-color: var(--lumx-button-emphasis-high-state-hover-theme-light-background-color);
}

.new-login-card .new-login-card__submit-btn:active {
    background-color: var(--lumx-button-emphasis-high-state-active-theme-light-background-color);
}

/* User directory page */

.user-directory .user-directory__wrapper {
    padding: 0;
    box-shadow: none;
}

.user-directory .user-directory__header {
    border-bottom: none;
}

.user-directory .user-directory__title {
    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);
}

/* App directory */

.widget-directory-entry .block-list {
    --block-list-gap: var(--lumx-spacing-unit-big) !important;
}

.directory-entry-block {
    padding: 4px;
}

.directory-entry-block:hover {
    border-radius: 8px;
}

.directory-entry-block .directory-entry-block__title:hover {
    text-decoration: none !important;
}

.widget--theme-light .directory-entry-block:hover {
    background-color: var(--lumx-color-primary-L5);
}

.widget--theme-light .directory-entry-block .directory-entry-block__thumbnail-wrapper img {
    filter: invert(0%) sepia(0%) saturate(9%) hue-rotate(239deg) brightness(100%) contrast(100%); /* To add in the product - use https://codepen.io/sosuke/pen/Pjoqqp to generate filter value */
}

.widget--theme-dark .directory-entry-block:hover {
    background-color: var(--lumx-color-light-L5);
}

.widget--theme-dark .directory-entry-block .directory-entry-block__thumbnail-wrapper img {
    filter: invert(100%) sepia(95%) saturate(2%) hue-rotate(225deg) brightness(106%) contrast(100%); /* To add in the product - use https://codepen.io/sosuke/pen/Pjoqqp to generate filter value */
}

/* *************************************** */
/* Fixes to add in the product */
/* *************************************** */

/* Size XS widget title font size */

.block-community-preview--size-xs .block-community-preview__title,
.block-page-preview--size-xs .block-page-preview__title,
.block-article-preview--size-xs .block-article-preview__title,
.block-event-preview--size-xs .block-event-preview__title {
    font-family: var(--lumx-typography-custom-title4-font-family) !important;
    font-size: var(--lumx-typography-custom-title4-font-size) !important;
    font-style: var(--lumx-typography-custom-title4-font-style) !important;
    font-weight: var(--lumx-typography-custom-title4-font-weight) !important;
    line-height: var(--lumx-typography-custom-title4-line-height) !important;
}

/* Not removed separators on NGI */

.block-list.block-list--vertical.block-list--grouped > hr {
    display: none;
}

/* Remove tags in directory entry block */

.directory-entry-block .directory-entry-block__tags {
    display: none;
}

/* Remove instance in block community preview */

.block-community-preview .block-community-preview__site {
    display: none;
}

/* Widget playlist */

.widget-playlist .playlist {
    display: flex;
    flex-direction: column;
    gap: var(--lumx-spacing-unit-huge);
}

.widget-playlist .playlist .playlist__video-wrapper {
    padding: 0;
}

.widget-playlist .play-block::before {
    display: none;
}

/* Fix wrex body large line height */

.wrex-content-body {
    line-height: inherit !important;
}

/* Widget list horizontal / grid wo margin (legacy) */

.widget-content-list--view-mode-horizontal,
.widget-community-list--view-mode-grid,
.widget-content-list--view-mode-horizontal .widget-content,
.widget-community-list--view-mode-grid .widget-content {
    overflow: visible;
}

.widget-content-list--view-mode-horizontal .widget-slideshow,
.widget-community-list--view-mode-grid .widget-slideshow,
.widget-content-list--view-mode-horizontal .widget-slideshow .widget-slideshow__wrapper,
.widget-community-list--view-mode-grid .widget-slideshow .widget-slideshow__wrapper {
    margin: -12px;
}

/* Remove useless padding on breadcrumb (legacy) */

.widget-breadcrumb .widget-breadcrumb__wrapper {
    padding: 0 !important;
}

/* Remove first and last widget useless margin */

.space-wrapper .cell--is-plain > .cell__wrapper .widget:first-child {
    margin-top: 0 !important;
}

.space-wrapper .cell--is-plain > .cell__wrapper .widget:last-child {
    margin-bottom: 0 !important;
}

.space-wrapper.space-wrapper--list .widget-community-post-list {
    margin: 0;
}

/* Apply header box shadow on responsive as well */

@media (max-width: 63.99em) {
    .header--reworked-ui .header-top {
        box-shadow: var(--lumx-app-header-box-shadow);
    }
}

/* Remove community fab */

.community__new-post-btn-wrapper {
    display: none;
}

/* Remove page margin bottom */

.page {
    margin-bottom: 0;
}

/* My apps fixes */

.my-apps {
    padding-bottom: 0;
}

.myapps-header .lumx-select {
    padding: 0;
}

.micro-app {
    display: flex;
    flex-direction: column;
    gap: var(--lumx-spacing-unit-huge);
}

.micro-app .micro-app__header {
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    padding: var(--widget-header-low-padding) !important;
    border-width: var(--widget-header-low-border-width) !important;
    border-radius: var(--widget-header-low-border-radius) !important;
}

.micro-app .micro-app__header .micro-app__header-title {
    width: auto;
    font-family: var(--widget-header-low-font-family) !important;
    font-size: var(--widget-header-low-font-size) !important;
    font-weight: var(--widget-header-low-font-weight) !important;
    line-height: var(--widget-header-low-line-height) !important;
    text-transform: var(--widget-header-low-text-transform) !important;
    letter-spacing: var(--widget-header-low-letter-spacing) !important;
    border-right: none;
}

.micro-app .micro-app__header .micro-app__header-button {
    margin-left: auto;
}

.micro-app .micro-app__wrapper {
    margin: 0;
}

/* Widget micro app */

.widget-micro-app .widget-content > div > div {
    padding: 0 !important;
}

/* ******************************************* */
/* Gregory Carlin - LumApps - CSS Improvements */
/* ******************************************* */

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

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

/* Ask AI fixes for microapp */

.ask-lumapps .ask-lumapps__card .micro-app {
    padding: 20px !important;
    background: white !important;
    border-width: 1px !important;
    border-radius: 20px !important;
}

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

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

/* Homepage - Position slideshow global news  */

.lumx-slideshow-controls {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Learning page review */

.widget--learning-trendize-dark-theme .training-card {
    background-color: transparent;
}

/* Summary (news) */

  .widget-summary::before {
    flex-shrink: 0;
    width: 30px;
    height: 27px;
    margin-top: var(--lumx-spacing-unit-huge);
    content: '';
    background-image: url('https://sites-ms.lumapps.com/serve/AMIfv94odUnSFCz8nUpORwxalHchdzoXQ6fnCpFQQcfXvA52Wk21v8H2i-Qh-cji5F_6FUp4PYhoKzSL5bpCAHEbeeNJUdccNTPq9m2lrbfAi7xxyWYN6_9mmrdJ6CE42eAVsifmPL7Yyx5R4E5g9lAKnS7lvmqunaJT9vL028iUyiIdQq8WFda858UlDfVp9XOhYAlUZ_MCU-dLlLxIQxvh6J1wHbyoHdW10lW79xPSPae_up4uxQCnTsI2-Ch58W3nEKd-e6nNpMVoS1WpbwNVQMirN97TfA/companion-logo.png');
    background-size: 30px 27px;
}
  
.widget-summary .lumx-text {
    position: relative;
    flex: 1;
    padding: var(--lumx-spacing-unit-huge) calc(var(--lumx-spacing-unit-big) * 2);
    background-color: var(--lumx-color-primary-L6);
    border-radius: var(--card-border-radius);
    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;
}
  
.widget-summary .lumx-text::before {
    --arrow-size: 16px;
    position: absolute;
    top: 22px;
    left: calc(var(--arrow-size) * -1);
    width: 0;
    height: 0;
    content: '';
    border-top: var(--arrow-size) solid transparent;
    border-right: var(--arrow-size) solid var(--lumx-color-primary-L6);
    border-bottom: var(--arrow-size) solid transparent;
}
  
.widget-summary .block-summary::before {
    content: '';
    background: url('https://sites-ms.lumapps.com/serve/4930449491099648-6575130994022077/icon.svg?contentDisposition=inline')!important;
    width: 16px!important;
    height: 16px!important;
    top: 28px!important;
    left: 42px!important;
    background-size: 16px 16px!important;
    position: absolute;
} 

.widget-summary {
    display: flex; 
    gap: var(--lumx-spacing-unit-huge);
    width: 100%;
    margin-top: var(--row-spacing);
    flex-direction: row !important;
}

/* Add 5/ to the onboarding page */

.widget--onboarding-count--5::before {
    content: '5/';
}

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

.widget-micro-app .lumx-heading {
    font-family: var(--widget-header-low-font-family);
    font-size: var(--widget-header-low-font-size);
}

/* Login v2 */

#login-app {
    background: var(--container-theme-light-background) !important;
}

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

/* Adding Parallax effect to a row */

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

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


/* Homepage - Facebook */

.block-community-preview__content {
    padding-left: 0px !important
}
  
.widget--welcome {
    font-family: var(--lumx-typography-custom-title1-font-family);
    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);
}

/* 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
}
@media (min-width: 481px) { 
.widget--2-col-covernews .widget-slideshow__wrapper,
  .widget--2-col-covernews .lumx-slideshow__wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 2fr));
    grid-template-rows: 1fr;
    gap:24px!important;
    grid-auto-flow: row;
    grid-template-areas:
        "Content-1 Content-2";
}
.widget--2-col-covernews .widget-slideshow__block:nth-child(1){
  grid-area: Content-1;
  height:100%;
}
.widget--2-col-covernews .widget-slideshow__block:nth-child(2)  {
  grid-area: Content-2;
  height:100%;
}
.widget--2-col-covernews .widget-slideshow__controls{
  display:none;
}
.widget--2-col-covernews .content-block--background-thumbnail .content-block__thumbnail {
    align-items: flex-end;
    height: 100%;
}
  .widget--2-col-covernews .content-block-excerpt,
   .widget--2-col-covernews .block-html.block-html--dark {
  font-size: var(--lumx-typography-custom-body-font-size)!important;
}
  .widget--2-col-covernews .block-page-preview--cover .block-page-preview__content:before,
    .widget--2-col-covernews .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) 42%, rgba(0,0,0,0) 80%);
    opacity: 1;
}
 .widget--2-col-covernews .block-slideshow--with-navigation .block-page-preview--cover.block-page-preview--size-xs .block-page-preview__content {
padding: 200px 24px 24px 24px!important;
}
 .widget--2-col-covernews .block-page-preview__title .lumx-link__content {
font-family: var(--lumx-typography-custom-title3-font-family);
    font-size: var(--lumx-typography-custom-title3-font-size);
    font-style: var(--lumx-typography-custom-title3-font-style);
    font-weight: var(--lumx-typography-custom-title3-font-weight);
    line-height: var(--lumx-typography-custom-title3-line-height);
}
.widget--2-col-covernews .block-slideshow--size-l.block-slideshow--cover .block-slideshow__controls {
display: none;
}
  .widget--2-col-covernews .lumx-thumbnail__background:hover {
   transform: scale(1.1);
   transition: transform 1.5s;
}
   .widget--2-col-covernews .block-slideshow__controls {
    display: none;
  }
}
.widget--secondary-gray {
  padding: 16px;
  background-color: #f8f8f8!important;
}
.widget--ungrouped-gray .block-list__item {
 padding: 16px!important; 
  background-color: #f8f8f8!important;
}
 .component-row--overlay:before {
   background-color: rgba(0,0,0,.7);
   background-size: 400% 400%;
	animation: gradient 15s ease infinite;
     opacity:0.6;
      content:'';
      width:100%;
      height:100%;
     position:absolute;
      top:0;
    }
.metadata-link-list--theme-dark li:before, .metadata-link-list--theme-light li:before {
  display: none;
}
.metadata-link {
  margin-right: 12px!important;
}
.widget--theme-dark .metadata-link span {
  border-bottom: 2px solid #ffed00;
  font-weight: 600;
  color: #ffed00;
   }
.widget--theme-light .metadata-link span {
    border-bottom: 2px solid #000;
    font-weight: 600;
    color: #000;
}
.block-html {
  overflow: hidden;
}
.section-title:after { 
position: absolute;
  content: '';
  border-bottom: 10px solid #ffed00;
  left: 0;
  width: 50px; 
  bottom: 0px;
  display: inline-block;
}
.section-title {
  margin-bottom: 16px!important;
}
.widget--section-title .block-title:after {
  position: absolute;
  content: '';
  border-bottom: 10px solid #ffed00;
  left: 0;
  width: 50px; 
  bottom: 0px;
  display: inline-block;
}
.widget--section-title .block-title {
  margin-bottom: 24px;
}
.widget--blur .widget-content,
.widget--blur .widget-content--block-list {
  background-color: rgba(0,0,0,.2)!important;
  backdrop-filter: blur(20px);
  padding: 24px!important;
  border-radius: 0px 6px 6px 6px!important;
}
.widget--pto.widget--theme-dark .dashboard-card {
    border-radius: 6px!important;
}
.widget--pto .widget-content {
    background-color: rgba(0,0,0,.2)!important;
  backdrop-filter: blur(20px);
  padding: 24px;
  border-radius: 0px 6px 6px!important;
}
.widget--event .block-event-preview__content {
  padding: 0px 24px 24px;
}
.widget--secondary-yellow {
  padding: 24px;
  background-color:#ffed00!important;
}
.widget--podcasts .block-grid__item {
  box-shadow: none!important;
  background-color: #f8f8f8!important;
}
.widget--podcasts .block-video-content {
  padding: 0px 24px 24px;
}
.widget--podcasts .playlist-header__playlist-link {
  border: 2px solid #000!important;
  padding: 12px 16px 16px!important;
  border-radius: 0px!important;
}
.widget--contain-cover .block-page-preview--size-m.block-page-preview--cover .block-page-preview__title {
    font-size: var(--lumx-typography-custom-title1-font-size);
      line-height: var(--lumx-typography-custom-title1-line-height);
      font-weight: var(--lumx-typography-custom-title1-font-weight);
}

.widget--contain-cover .block-page-preview--cover .block-page-preview__content:before {
    background: linear-gradient(180deg, #0000 60%, #000000de);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.widget--dashboard-link .directory-entry-block--vertical .directory-entry-block__thumbnail-wrapper {
  padding: 32px;
  background-color: #ffed00;
  border-radius: 10px;   
}
.widget--dashboard-link.widget--theme-dark .directory-entry-block .directory-entry-block__thumbnail-wrapper img {
filter: brightness(0%);
}
.widget--dashboard-link .directory-entry-block__actions {
  display: none;
}

.widget--apps {
  padding: 24px;
  background-color: #fff!important;
  border-radius: 10px!important;
}
.widget--apps .micro-app {
  padding: 0px!important;
  border: none!important
}
.video-player {
  border-radius: 0px!important;
}
@media (min-width: 481px) { 
.widget--custom_news_3_col .widget-slideshow__wrapper,
  .widget--custom_news_3_col .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_3_col .widget-slideshow__block:nth-child(1){
  grid-area: Content-1;
  height:100%;
}
.widget--custom_news_3_col .widget-slideshow__block:nth-child(2)  {
  grid-area: Content-2;
  height:100%;
}
.widget--custom_news_3_col .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_3_col .widget-slideshow__controls{
  display:none;
}
.widget--custom_news_3_col .content-block--background-thumbnail .content-block__thumbnail {
    align-items: flex-end;
    height: 100%;
}
  .widget--custom_news_3_col .content-block-excerpt,
   .widget--custom_news_3_col .block-html.block-html--dark {
  font-size: var(--lumx-typography-custom-body-font-size)!important;
}
  .widget--custom_news_3_col .block-page-preview--cover .block-page-preview__content:before,
    .widget--custom_news_3_col .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) 42%, rgba(0,0,0,0) 80%);
    opacity: 1;
}
 
  .widget--custom_news_3_col .content-block-title a,
  .widget--custom_news_3_col .content-block-title,
 .widget--custom_news_3_col .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_3_col .content-block-title a {
  width: 130%!important;
  }
.widget--custom_news_3_col .block-slideshow--size-l.block-slideshow--cover .block-slideshow__controls {
display: none;
}
}