/**
 * @env: lumsites
 * @customerName: FM Logistic
 * @customerId: 5118542132805632
 * @account: fml-iam-esb@fmlogistic.com
 *
 * @instanceName: Intranet
 * @instanceId: 4983967385649152
 *
 * @styleName: Default
 * @styleId: 6175349135638528
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/fmlogistic/home/admin/instance-style?as=fml-iam-esb@fmlogistic.com+
 * Reviewed for NGI on may 2022
 * sophie.christophe@lumapps.com
 */

/****************************
******** FM LOGISTIC ********
****************************/

/******************************************/
/** Fonts */
/******************************************/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400&display=swap&subset=latin-ext');

/* *************************************** */
/* Variables
/* *************************************** */
:root{
    --green-gradient: linear-gradient(90deg, #099a78, #b4f71e);
    --smooth-blue-gradient: linear-gradient(70deg, #03A9F4, #63B9E8,#559ED8);
    --blue-linear-gradient: linear-gradient(90deg, #03A9F4, #63B9E8);
}


/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */
 
/*--- BASE STYLES */
body.theme-material {
    font-family: 'Raleway', sans-serif;
    background-color: #F5F5F5;
}

/* Header  */
.theme-material .instance-logo {
    padding-bottom:0;
    margin-bottom:-2px;
}
 
/*--- NATIVE UI ELEMENTS OVERRIDES */
/*Raleway font title*/
.theme-material .widget-title__title {
    font-family: 'Raleway', sans-serif;

}

/* Slideshow nav */
.theme-material .widget-slideshow__pager-bullet.widget-slideshow__pager-bullet--is-active {
    background-color: #03A9F4 !important;
}

/* Tabs - not necessary with lumapps theme */
.theme-material .widget-content-list__tab {
    background-color: #ffffff;
    border:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

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

.theme-material .widget-content-list__tab.widget-content-list__tab--is-selected {
    background-color: #ffffff;
}

.theme-material .widget-content-list__tab.widget-content-list__tab--is-selected {
    border-bottom: 2px solid;
    border-bottom-color: #0B439B;
}
 
/*--- GLOBAL STYLES */
/* Page Title */
.theme-material .widget--Page_Title {
    font-weight: 300;
}

/* Section Title */
.theme-material .widget--Section_Title {
    font-weight: 300;
}

/* Content List */
.theme-material .widget--Country_List .content-block-excerpt {
    font-size: 18px !important;
    font-weight: 300;
    text-align: center;
    letter-spacing: 2px;
}

/* News */
.theme-material .widget--News_Title h1.widget-title__title {
    font-size: 44px;
    line-height: 54px;
}

.theme-material .widget--News_Content h1 {
    margin-bottom: 20px;
}

.theme-material .widget--News_Content h2 {
    margin-bottom: 16px;
}

.theme-material .widget--News_Content h3 {
    margin-bottom: 12px;
}

.theme-material .widget--News_Content h4 {
    margin-bottom: 8px;
}

.theme-material p {
    font-size: 16px;
    line-height: 28px;
}

/** Success slideshow */
.theme-material .widget--success-story .content-block {
    height: 150px!important;
}

/** Success slideshow - fix*/
#app-view .widget--success-story .widget-content {
    padding-bottom: 8px !important;
}

/** Sociabble button on My Page **/
.widget--sociabble-btn
.widget-html__content a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px;
    background-color: #28B7FE;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.widget--sociabble-btn
.widget-html__content a:hover{
    text-decoration: none;
}
.widget--sociabble-btn
.widget-html__content a img{
    width: 50px;
    margin-right: 12px;
}

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */
 
/*--- BASE STYLES */
:root {
    /* font family */
    --lumx-typography-font-family: 'Raleway', sans-serif;
    /* background color */
    --lumx-app-background: #F5F5F5;
    /* header */
    --lumx-app-header-logo-height: 62px;
    /* widget title */
    --lumx-typography-custom-title1-font-family: 'Raleway', sans-serif;
    /* line height */
    --lumx-typography-custom-body-large-line-height: 28px;
    /* Tabs style */
    --lumx-tabs-link-emphasis-selected-state-default-theme-light-color: var(--lumx-color-primary-N);
    --lumx-tabs-link-emphasis-low-state-default-theme-light-color: var(--lumx-color-dark-L2);
    /* Sub nav */
    --lumx-navigation-item-emphasis-selected-state-default-theme-dark-background-color: transparent;
    --lumx-navigation-item-emphasis-selected-state-default-theme-dark-border-color: transparent;
    --lumx-navigation-item-emphasis-selected-state-default-theme-dark-label-color: var(--lumx-color-light-L2);
}


  
/*--- NATIVE UI ELEMENTS OVERRIDES */
/* change block title font size for small widgets */
.widget--s {
    --lumx-typography-custom-title4-font-size: 16px;
    --lumx-typography-custom-title4-line-height: 20px;
    --lumx-typography-custom-title5-font-size: 16px;
    --lumx-typography-custom-title5-line-height: 20px;
}

/* change spacing in vertical block lists */
.block-list.block-list--vertical{
    --block-list-gap: var(--lumx-spacing-unit-big);
}
/*--- GLOBAL STYLES */
/* Page Title */
.theme-lumapps .widget--Page_Title {
    --lumx-typography-custom-body-large-font-weight: 300;
}

/* Section Title */
.theme-lumapps .widget--Section_Title {
    --lumx-typography-custom-body-large-font-weight: 300;
}

/* Content List */
.theme-lumapps .widget--Country_List {
    --lumx-typography-custom-body-font-size: 18px;
    --lumx-typography-custom-body-font-weight: 300;
    --lumx-typography-custom-body-font-size: 18px;
    text-align: center;
}

/* News */
.theme-lumapps .widget--News_Title {
    --lumx-typography-custom-title1-font-size: 44px;
    --lumx-typography-custom-title1-line-height: 54px;
}

/* Success slideshow */
.theme-lumapps .widget--success-story .block-slideshow__controls,
.theme-lumapps .widget--success-story .widget-slideshow__controls {
    margin-top:-48px !important;
}

.theme-lumapps .widget--success-story .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__background {
    padding-top:50%;
}

/* fix border radius widget */
#front-office-app .widget-html {
    overflow:hidden;
}

/** Sociabble button on My Page **/
.widget--sociabble-btn
.block-html a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px;
    background-color: #28B7FE;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.widget--sociabble-btn
.block-html a:hover{
    text-decoration: none;
}
.widget--sociabble-btn
.block-html a img{
    width: 50px;
    margin-right: 12px;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */
  
/*--- BASE STYLES */
.content-page {
    margin-bottom:0;
}

.block-html a {
    text-decoration:none;
}
.block-html a:hover {
    text-decoration:underline;
}
/* Header  */
.instance-logo {
    padding-top:10px;
}

/* Active nav */
.header-main-nav .main-nav-item--primary.main-nav-item--is-active {
    box-shadow: 0 -4px 0 0 #0B439B inset;
}

.header-main-nav .main-nav-item:hover .main-nav-item__label {
    font-weight: bold!important;
} 

/* Alert banner */
.widget--alert .content-block-title,
.widget--alert .block-page-preview__title{
  text-align:center;
}
.widget--alert
.block-slideshow__controls,
.widget--alert
.widget-slideshow__controls{
    display: none;
}

/*--- MEDIA CENTER BUTTONS ---*/
.widget--media-center_buttons
.block-html a,
.widget--media-center_buttons
.widget-html__content a{
    margin: 0;
    padding: 0 10% 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    aspect-ratio: 4/2;
    background-color: var(--lumx-color-dark-L6);
     text-transform: uppercase;
    font-size: 40px;
    line-height: 44px;
    font-weight: 800;
    color: var(--lumx-color-light-N);
    transition: font-size 0.5s ease-in, background-color 0.5s ease-in, backdrop-filter 0.5s ease-in;
   backdrop-filter: blur(0px);
}
.widget--media-center_buttons
.block-html a:hover,
.widget--media-center_buttons
.widget-html__content a:hover{
    background-color: var(--lumx-color-dark-L3);
    font-size: 50px;
    text-decoration: none;
    backdrop-filter: blur(2px);
}

/*--- INTERNAL JOB POSITIONS BUTTON ---*/

.widget--internal-offers
.block-html a,
.widget--internal-offers
.widget-html__content a {
    display: flex;
    padding: 24px 24px 24px 40%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    transition: background-color 0.5s ease-in;
    background-color: var(--lumx-color-dark-L5);
}

.widget--internal-offers
.block-html a:hover,
.widget--internal-offers
.widget-html__content a:hover {
    text-decoration: none;
    background-color: var(--lumx-color-dark-L3);
}

/*--- NATIVE UI ELEMENTS OVERRIDES */
/* widget shadows */
.widget,
.theme-lumapps .widget {
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

/* Slideshow tag */
.content-block--default-style.content-block--theme-dark .content-block-tags__tag,
.block-page-preview.block-page-preview--theme-dark .block-page-preview__tags>span>span {
    color: #03A9F4;
}

/*--- GLOBAL STYLES */
/* widget shadows */
.widget--Home-Logo, .widget--Page_Title, .widget--Section_Title {
    box-shadow: none;
}

/* Content List */
#app-view .widget--Country_List .content-block-excerpt
#front-office-app .widget--Country_List .block-page-preview__excerpt {   
    letter-spacing: 2px;
}

/***** DEFAULT CTA *****/
.widget--cta-default {
    text-align: center;
}

#app-view .widget--cta-default .widget-html__content a,
#front-office-app .widget--cta-default .block-html a {
    font-size: 1.2rem;
    color: #fff!important;
    text-decoration:none;
    text-transform: uppercase;
}

#app-view .widget--cta-default .widget-html__content a::after,
#front-office-app .widget--cta-default .block-html a::after  {
    display: inline-block;
    padding-left: 10px;
    content: "\0279E"; /* arrow right unicode */
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

#app-view .widget--cta-default .widget-html__content a:hover,
#front-office-app .widget--cta-default .block-html a::after {
    text-decoration: none;
}

#app-view .widget--cta-default .widget-html__content a:hover::after,
#front-office-app .widget--cta-default .block-html a:hover::after {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

/* Widget bandeau alerte */
.widget--shared-bandeau-alerte
.content-block-title a{
    text-align:center!important;
}

/* *************************************** */
/* Miscellaneous */
/* *************************************** */

/**** Social Media Page ****/
.off-accounts_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
	
.off-accounts_container .off-accounts_flag {
    width: 60px;
    height: 60px;
    margin: auto!important;
}
	
.off-accounts_container p {
    margin-bottom:8px!important;
    font-size: 14px;
    color: #BDBDBD;
}
	
.off-accounts_container .off-accounts_socials {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}
	
.off-accounts_container .off-accounts_socials img {
    width: 30px;
    height: 30px;
    margin: 3px 6px!important;
}


/**** Hide on mobile app ****/
.webview .widget--not-mobile-app {
    display: none;
}


/* *************************************** */
/* Footer */
/* *************************************** */
.footer__wrapper {
    position: relative;
}

@media all and (max-width: 480px) {
    .footer__wrapper {
        margin: 0 24px;
    }
}

@media all and (min-width: 1024px) {
    .footer__wrapper {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media all and (min-width: 1280px) {
    .footer__wrapper {
        width: 1128px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
    .app-content--is-pushed .footer__wrapper {
        width: 80%;
    }
}

.footer {
    padding: 12px 0;
    background-color: #FFFFFF;
}

.footer .wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;

}


.footer .left {
    margin-right: auto;
}

.footer img {
    width: 180px;
}

.footer ul {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer ul li {
    display: flex;
    align-items: center;
    margin: 0px 6px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,0.54);
}

.footer ul li.social {
    margin-top: -4px;
}

.footer ul li a {
    font-size: 10px;
    font-weight: bold;
    color: #0B439B;
    text-decoration: none;
}

.footer ul li a:hover {
    text-decoration: underline;
}

.footer ul li.social img {
    display:block;
    width: 32px;
}

.footer .right{
    display: flex;
    flex-direction: column;
    margin-right: 12px;
}
.footer .social-media-button{
    padding: 4px 0;
    margin-top:12px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-decoration: none!important;
    background-color: #03A9F4;
}
 
/* *************************************** */
/* Unavailable widget as of may 2022 */
/* *************************************** */
  
/*--- NATIVE UI ELEMENTS OVERRIDES */

/*--- GLOBAL STYLES */
/* content filter */
.widget--Country_filters .widget-content-filter__footer--extended .widget-content-filter__submit {
    background-color: #91CC1C;
} 

/* survey ???*/
/* Button */
.widget--button-survey .btn--raised.btn--primary {
    color:#0B439B;
    background-color: #ffffff;
    transition: background-color 0.3s ease-out;
}

.widget--button-survey .btn--raised.btn--primary:hover {
    color:#ffffff;
    background-color: #0B439B;
    transition: background-color 0.3s ease-out;
}

/******************************************/
/** NOT FOUND - deprecated ? */
/******************************************/
/* Vertical align for widget content */
.widget--vertical-align
.widget-content {
    display:flex!important;
    align-items: center;
    justify-content: center;
}

/** Media */
.widget--content-media .widget-slideshow {
    padding: 0px;
    margin: 0px;
}

.widget--content-media .widget-slideshow--group-by-1 .widget-slideshow__block {
    padding: 0px;
    margin: 0px;
}

.widget--content-media .widget-footer .widget-wrapper {
    border-top-width: 0px;
}

.widget--Media_slider .widget-slideshow,
.widget--Media_slider .widget-slideshow .widget-slideshow__block {
    padding: 0px;
}

.widget--Media_slider .widget-slideshow .widget-slideshow__block .media-block__thumbnail{
    border-radius: 12px;
}

.widget--Media_slider .widget-slideshow .widget-slideshow__controls{
    position: absolute;
    align-self: center;
    margin-top: 95%;
}

.widget--Media_slider .widget-slideshow .widget-slideshow__nav button{
    color: #FFFFFF;
}

.widget--Media_slider .widget-slideshow a.widget-slideshow__pager-bullet{
    background-color: rgba(255, 255, 255, 0.5);
}

.widget--Media_slider .widget-slideshow a.widget-slideshow__pager-bullet--is-active{
    background-color: #4FB15A;
}

/** Dataviz */
.widget--Platform_dataviz p{
    margin-bottom: 0px;
}
.widget--Platform_dataviz h2{
    margin-bottom: 0px;
    font-weight: 300;
}

.widget--Platform_advanced-drive .lumx-dropdown__toggle {
    width: 162px;
}

/** Profile */
.widget--Profile_widget a{
    padding: 8px 20px;
    font-weight: bold;
    color: #FFFFFF !important;
    background-color: #4FB15A;
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.14), 0 3px 4px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);

    transition: background-color 0.3s ease-out;
}

.widget--Profile_widget a:hover{
    color: #4FB15A !important;
    text-decoration: none;
    background-color: #FFFFFF;
}

/******************************************/
/** CTA */
/******************************************/

/** CTA Employee Representatives */
.widget--CTA-EmployeeRepresentatives .widget-content{
    background-image: url('https://live.lumappsusercontent.com/serve/AMIfv96Q9VEzDdsKjlubGGSq0m784MjLX_L1lWzR_a8YGVCmzwkOlCADF3qc58kpsDdl8TQQbODnAMZevkpO4eKp46GiAfUaJ4WxZqo2ajpaBSGjxOfvtQ2v8ya4moZUadejSmCZApMxlfBfDlem2eHFRpNf4pDxhQ/CTA-EmployeeRepresentatives2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.widget--CTA-EmployeeRepresentatives .widget-content a{
    color: #FFFFFF;
    text-decoration: none;
}

/** CTA Employee Representatives */
.widget--CTA-UserChart .widget-content{
    background-image: url('https://live.lumappsusercontent.com/serve/AMIfv97BR0EwKUv5CE7TbkiSLxvj1RbxMkWmHpaKy8zlTba--j4YLZoLN3-tXB9HjNceGt-AsHHiua22uLmtlQIogFOb3iviN6-M3kQn8plEUWhlOouM4mHzp2WKIz8gO6PgfQBxRjHZRtuat7PqYZBOBawhzgXOSw/CTA-UserChart2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.widget--CTA-UserChart .widget-content a{
    color: #FFFFFF;
    text-decoration: none;
}

/** cta_with-background **/
.widget--shared-cta-with-background 
.block-html a,
.widget--shared-cta-with-background 
.widget-html__content a{
    display: flex;
    padding: 24px;
    min-height: 120px;
    justify-content: center;
    align-items: center;
  flex-direction:column;
    background-color: rgba(26,61,152,0.6);
    font-weight: bold;
    font-size: 1.5rem;
    color: #fff;
    transition: background-color ease 0.8s;
    text-shadow: 1px 1px 2px #0B439B;
}
.widget--shared-cta-with-background 
.block-html a:hover,
.widget--shared-cta-with-background 
.widget-html__content a:hover{
    background-color: rgba(26,61,152,0.8);
    text-decoration: none;
}
.widget--shared-cta-with-background
.widget-content{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
}

/** MyPage - Welcome widget **/
.widget--welcome-widget
.widget-welcome{
    text-align: center;
    font-size: 2.5rem !important;
    color: var(--lumx-color-primary-N) !important;
}
.widget--welcome-widget
.widget-welcome .comma{
    display: none;
}
.widget--welcome-widget
.widget-welcome .firstname{
    font-weight: bold;
    color: var(--lumx-color-secondary-N) !important;
}

/* *************************************** */
/* PROPOSITION NEW HOMEPAGE AOUT 2024 */
/* *************************************** */


.app-content--module-home-new{
    background-color: #fff !important;
}
/***************************
Welcome widget - extension
***************************/
/** dégradé sur le texte **/
.widget-welcome {
    background: var(--green-gradient);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 2.7rem !important;
}

/** retrait de la virgule **/
.widget-welcome .comma{
    display: none;
}

/***************************
Welcome widget - custom script
***************************/
/** dégradé sur le texte **/
.widget--custom-welcome .custom-welcome_content{
    background: var(--green-gradient);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 2.7rem !important;
}

.widget--shared-2024-blue-gradient-block{
    background: var(--smooth-blue-gradient) !important;
}
.widget--shared-2024-blue-gradient-block
.widget-slideshow__nav button {
    color: var(--lumx-color-light-N);
}
.widget--shared-2024-blue-gradient-block
.widget-slideshow__pager-bullet{
    background-color: var(--lumx-color-light-L3);
}
.widget--shared-2024-blue-gradient-block
.widget-slideshow__pager-bullet--is-active, 
.widget--shared-2024-blue-gradient-block .widget-slideshow__pager-bullet:hover{
    background-color: var(--lumx-color-light-N);
}

.widget--slideshow-padding-correction
.block-page-preview__thumbnail-wrapper{
    margin-bottom: 0px !important;
}


/********************
BOUTON PROPOSER UN ARTICLE
***********************/
/* NGI */
.widget--proposer-un-article
.block-html {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
    overflow: hidden;
}

.widget--proposer-un-article
.block-html p {
    margin: 4px !important;
}

.widget--proposer-un-article
.block-html p:first-of-type {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--lumx-color-dark-L3);
}

.widget--proposer-un-article
.block-html a {
    min-width: 300px;
    min-height: 60px;
    display: inline-flex;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.3px;
    font-weight: 700;
    color: #fff;
    background: #63B9E8;
    background: linear-gradient(90deg, #03A9F4 0%, #63B9E8 100%);
    border-radius: 1000px;
    box-shadow: 10px 10px 24px #63B9E8;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 12px 24px;
    z-index: 1;
}

.widget--proposer-un-article
.block-html a:hover{
    text-decoration: none;
}

.widget--proposer-un-article
.block-html a::before {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: inherit;
    border: 6px solid #63B9E8;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.widget--proposer-un-article
.block-html a:hover::before, 
.widget--proposer-un-article
.block-html a:focus::before {
    opacity: 1;
}

.widget--proposer-un-article
.block-html a::after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 6px solid #4ed3f3;
    position: absolute;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;
}

.widget--proposer-un-article
.block-html a:hover::after, 
.widget--proposer-un-article
.block-html a:focus::after {
    animation: none;
    display: none;
}

/* Legacy */
.widget--proposer-un-article
.widget-html__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
    overflow: hidden;
}

.widget--proposer-un-article
.widget-html__content p {
    margin: 4px !important;
}
.widget--proposer-un-article
.widget-html__content p:first-of-type {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--lumx-color-dark-L3);
}

.widget--proposer-un-article
.widget-html__content a {
    min-width: 300px;
    min-height: 60px;
    display: inline-flex;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.3px;
    font-weight: 700;
    color: #fff;
    background: #63B9E8;
    background: linear-gradient(90deg, #03A9F4 0%, #63B9E8 100%);
    border-radius: 1000px;
    box-shadow: 10px 10px 24px #63B9E8;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 12px 24px;
    z-index: 1;
}

.widget--proposer-un-article
.widget-html__content a:hover{
    text-decoration: none;
}

.widget--proposer-un-article
.widget-html__content a::before {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: inherit;
    border: 6px solid #63B9E8;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.widget--proposer-un-article
.widget-html__content a:hover::before, 
.widget--proposer-un-article
.widget-html__content a:focus::before {
    opacity: 1;
}

.widget--proposer-un-article
.widget-html__content a::after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 6px solid #4ed3f3;
    position: absolute;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;
}

.widget--proposer-un-article
.widget-html__content a:hover::after, 
.widget--proposer-un-article
.widget-html__content a:focus::after {
    animation: none;
    display: none;
}



@keyframes ring {
    0% {
        width: 30px;
        height: 30px;
        opacity: 1;
    }
    100% {
        width: 180px;
        height: 180px;
        opacity: 0;
    }
}

/**** Horizontal subnav ****/
.widget-sub-nav.widget--horizontal-subnav
ul{
    display: flex;
    gap: 24px;
}

.widget-sub-nav.widget--horizontal-subnav.widget--theme-dark
li{
    border: 1px white solid;
    border-radius: 12px
}


.widget-sub-nav.widget--horizontal-subnav
li span{
    font-size: 18px !important;
    padding: 0px 24px;
}
.widget-sub-nav.widget--horizontal-subnav.widget--theme-dark
.widget-sub-nav__wrapper--is-active{
   background-color: rgba(255, 255, 255, 0.2) !important;
}
.widget-sub-nav.widget--horizontal-subnav.widget--theme-dark
.widget-sub-nav__wrapper--is-active span{
    color: #fff !important;
}
.widget-sub-nav.widget--horizontal-subnav.widget--theme-dark
.navigation-item__link--is-selected{
     background-color: rgba(255, 255, 255, 0.2) !important;
}
.widget-sub-nav.widget--horizontal-subnav.widget--theme-dark
.navigation-item__link--is-selected span{
     color: #fff !important;
}

/**** Page title dégradé = gradient-page-title-green ****/
.widget--shared-2024-gradient-page-title-green h1{
    background: var(--green-gradient);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 700 !important;
    font-size: 2.7rem !important;
    font-family: 'Arial', sans-serif;
}
/**** Page title = dark-blue ****/
.widget--shared-2024-page-title-dark-blue h1{
    color: var(--lumx-color-primary-N) !important;
    font-weight: 700 !important;
    font-size: 2.7rem !important;
    font-family: 'Arial', sans-serif;
}

/***** add "no-favorite" to widget Directory entries class to remove favorite button *****/
.widget--no-favorite
.directory-entry-block__actions{
    display: none;
}
/***** add "no-icon" to widget Directory entries class to remove icon *****/
.widget--no-icon
.directory-entry-block__thumbnail-wrapper{
    display: none !important;
}

/******** HTML widget : links tabs style *********/

/* Legacy */
.widget--shared-2024-tabs-links-style
.widget-html__content p {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.widget--shared-2024-tabs-links-style
.widget-html__content a {
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items:center;
    gap:8px;
    text-wrap: nowrap;
}
.widget--shared-2024-tabs-links-style
.widget-html__content a svg{
  width:30px;
}

/* dark blue */
.widget--shared-2024-tabs-links-style.widget--dark-blue
.widget-html__content a{
    background-color: var(--lumx-color-light-N);
    color: var(--lumx-color-primary-N) !important;
    border: 2px var(--lumx-color-primary-N) solid;
}
.widget--shared-2024-tabs-links-style.widget--dark-blue
.widget-html__content a:hover {
    background-color: var(--lumx-color-primary-N) !important;
  color: var(--lumx-color-light-N) !important;
  border: 2px var(--lumx-color-primary-N) solid !important;
}
.widget--shared-2024-tabs-links-style.widget--dark-blue
.widget-html__content a svg{
    fill: var(--lumx-color-primary-N) !important;
}
.widget--shared-2024-tabs-links-style.widget--dark-blue
.widget-html__content a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}
/* light blue */
.widget--shared-2024-tabs-links-style.widget--light-blue
.widget-html__content a{
    background-color: var(--lumx-color-light-N);
    color: var(--lumx-color-secondary-N) !important;
    border: 2px var(--lumx-color-secondary-N) solid;
}
.widget--shared-2024-tabs-links-style.widget--light-blue
.widget-html__content a:hover {
    background-color: var(--lumx-color-secondary-N) !important;
  color: var(--lumx-color-light-N) !important;
  border: 2px var(--lumx-color-secondary-N) solid !important;
}
.widget--shared-2024-tabs-links-style.widget--light-blue
.widget-html__content a svg{
    fill: var(--lumx-color-secondary-N) !important;
}
.widget--shared-2024-tabs-links-style.widget--light-blue
.widget-html__content a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}
/* grey blue */
.widget--shared-2024-tabs-links-style.widget--grey-blue
.widget-html__content a{
    background-color: var(--lumx-color-light-N);
    color: #559ED8 !important;
    border: 2px #559ED8 solid;
}
.widget--shared-2024-tabs-links-style.widget--grey-blue
.widget-html__content a:hover {
    background-color: #559ED8 !important;
  color: var(--lumx-color-light-N) !important;
  border: 2px #559ED8 solid !important;
}
.widget--shared-2024-tabs-links-style.widget--grey-blue
.widget-html__content a svg{
    fill: #559ED8 !important;
}
.widget--shared-2024-tabs-links-style.widget--grey-blue
.widget-html__content a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}
/* green */
.widget--shared-2024-tabs-links-style.widget--green
.widget-html__content a{
    background-color: var(--lumx-color-light-N);
    color: rgb(17, 166, 131) !important;
    border: 2px rgb(17, 166, 131) solid;
}
.widget--shared-2024-tabs-links-style.widget--green
.widget-html__content a:hover {
 background-color:  rgb(17, 166, 131);
  color: var(--lumx-color-light-N) !important;
  border: 2px rgb(17, 166, 131) solid;
}
.widget--shared-2024-tabs-links-style.widget--green
.widget-html__content a svg{
    fill: rgb(17, 166, 131) !important;
}
.widget--shared-2024-tabs-links-style.widget--green
.widget-html__content a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}

/**NGI**/
.widget--shared-2024-tabs-links-style
.block-html p {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.widget--shared-2024-tabs-links-style
.block-html a {
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    text-wrap: nowrap;
  display: flex;
    justify-content: center;
    align-items:center;
    gap:8px;
}
.widget--shared-2024-tabs-links-style
.block-html a svg {
  width:30px;
}
/** dark-blue **/
.widget--shared-2024-tabs-links-style.widget--dark-blue
.block-html a{
  background-color: var(--lumx-color-light-N);
  color: var(--lumx-color-primary-N) !important;
  border: 2px var(--lumx-color-primary-N) solid;
}

.widget--shared-2024-tabs-links-style.widget--dark-blue
.block-html a:hover {
  background-color: var(--lumx-color-primary-N) !important;
  color: var(--lumx-color-light-N) !important;
  border: 2px var(--lumx-color-primary-N) solid !important;
}
.widget--shared-2024-tabs-links-style.widget--dark-blue
.block-html a svg{
    fill: var(--lumx-color-primary-N) !important;
}
.widget--shared-2024-tabs-links-style.widget--dark-blue
.block-html a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}
/** light-blue **/
.widget--shared-2024-tabs-links-style.widget--light-blue
.block-html a{
  background-color: var(--lumx-color-light-N);
  color: var(--lumx-color-secondary-N) !important;
  border: 2px var(--lumx-color-secondary-N) solid;
}

.widget--shared-2024-tabs-links-style.widget--light-blue
.block-html a:hover {
    background-color: var(--lumx-color-secondary-N) !important;
  color: var(--lumx-color-light-N) !important;
  border: 2px var(--lumx-color-secondary-N) solid !important;
}
.widget--shared-2024-tabs-links-style.widget--light-blue
.block-html a svg{
    fill: var(--lumx-color-secondary-N) !important;
}
.widget--shared-2024-tabs-links-style.widget--light-blue
.block-html a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}

/* grey blue */
.widget--shared-2024-tabs-links-style.widget--grey-blue
.block-html a{
    background-color: var(--lumx-color-light-N);
    color: #559ED8 !important;
    border: 2px #559ED8 solid;
}
.widget--shared-2024-tabs-links-style.widget--grey-blue
.block-html a:hover {
    background-color: #559ED8 !important;
  color: var(--lumx-color-light-N) !important;
  border: 2px #559ED8 solid !important;
}
.widget--shared-2024-tabs-links-style.widget--grey-blue
.block-html a svg{
    fill: #559ED8 !important;
}
.widget--shared-2024-tabs-links-style.widget--grey-blue
.widget--shared-2024-tabs-links-style.widget--grey-blue
.block-html a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}


/** green **/
.widget--shared-2024-tabs-links-style.widget--green
.block-html a{
  background-color: var(--lumx-color-light-N);
  color: rgb(17, 166, 131) !important;
  border: 2px rgb(17, 166, 131) solid;
}

.widget--shared-2024-tabs-links-style.widget--green
.block-html a:hover {
    background-color:  rgb(17, 166, 131);
  color: var(--lumx-color-light-N) !important;
  border: 2px rgb(17, 166, 131) solid;
}
.widget--shared-2024-tabs-links-style.widget--green
.block-html a svg{
    fill:  rgb(17, 166, 131) !important;
}
.widget--shared-2024-tabs-links-style.widget--green
.block-html a:hover svg{
    fill: var(--lumx-color-light-N) !important;
}