/**
    * @env: lumsites
    * @customerName: Norauto France
    * @customerId: 5751048652193792
    * @account: None
    *
    * @instanceName: norauto-france-revamp
    * @instanceId: 6355823054684160
    *
    * @styleName: [2022] Norauto
    * @styleId: 2022-norauto
    * @styleType: Global platform
    * @kind: custom
    *
    * @url: https://intranet.norauto.com/norauto-france-revamp/
    * @github: https://github.com/alexandra-klr/mobivia-norauto
    */

    /***************************************
    ------ Mulish Font ------
    ****************************************/
    @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    :root{
        --lumx-typography-font-family: 'Mulish', sans-serif;
        --lumx-app-background: #ffffff;
        --lumx-color-blue-N: #0071DC;
        --lumx-color-blue-D2: #044480;
        --lumx-typography-custom-title1-font-size: 3rem;
        --lumx-typography-custom-title1-line-height: 3.3125rem;
        --lumx-typography-custom-title2-font-size: 3rem;
        --lumx-typography-custom-title2-line-height: 2.375rem;
        --lumx-typography-custom-title3-font-size: 2rem;
        --lumx-typography-custom-title3-line-height: 2.375rem;
        --lumx-typography-custom-title4-font-size: 1.75rem;
        --lumx-typography-custom-title4-line-height: 2.125rem;
        --lumx-typography-interface-subtitle1-font-weight: var(--lumx-typography-font-weight-regular) ;
        --lumx-metadata-list-separator: " ";
        --lumx-metadata-height: 20px;
        --lumx-metadata-border-radius: 24px;
        --lumx-metadata-state-default-padding-horizontal: 16px;
        --lumx-metadata-state-default-border-width: 1px;
        --lumx-metadata-state-default-theme-light-background-color: transparent;
        --lumx-metadata-state-default-theme-light-color: var(--lumx-color-dark-L2);
        --lumx-metadata-state-default-theme-light-border-color: var(--lumx-color-dark-L4);
        --lumx-metadata-state-default-theme-dark-background-color: transparent;
        --lumx-metadata-state-default-theme-dark-color: var(--lumx-color-light-L2);
        --lumx-metadata-state-default-theme-dark-border-color: var(--lumx-color-light-L4);
        --lumx-typography-custom-metadata-line-height: 32px;
        --lumx-metadata-state-hover-border-color: var(--lumx-color-primary-N);
       --lumx-text-field-state-default-theme-light-input-background-color: transparent;
	--lumx-text-field-state-default-theme-dark-input-background-color: var(--lumx-color-light-N);
	--lumx-text-field-state-default-theme-dark-input-border-color: var(--lumx-color-light-L5);
	--lumx-text-field-state-default-theme-dark-input-content-color: var(--lumx-color-dark-L2);
	--lumx-text-field-state-default-theme-dark-input-placeholder-color: var(--lumx-color-dark-L2);
	--lumx-text-field-state-hover-theme-dark-input-background-color: var(--lumx-color-light-N);
	--lumx-text-field-state-hover-theme-dark-input-border-color: var(--lumx-color-blue);
	--lumx-text-field-state-hover-theme-dark-input-content-color: var(--lumx-color-dark-L2);
	--lumx-text-field-state-hover-theme-dark-input-placeholder-color: var(--lumx-color-dark-L2);
	--lumx-text-field-state-focus-input-border-top-width: 1px;
	--lumx-text-field-state-focus-input-border-right-width: 1px;
	--lumx-text-field-state-focus-input-border-bottom-width: 1px;
	--lumx-text-field-state-focus-input-border-left-width: 1px;
	--lumx-text-field-state-focus-theme-dark-input-background-color: var(--lumx-color-light-N);
	--lumx-text-field-state-focus-theme-dark-input-border-color: var(--lumx-color-blue);
	--lumx-text-field-state-focus-theme-dark-input-content-color: var(--lumx-color-dark-N);
	--lumx-text-field-state-focus-theme-dark-input-placeholder-color: var(--lumx-color-dark-N);
    /* tabs */
    --lumx-tabs-link-height: 48px;
    --lumx-tabs-link-border-radius: 0;
    --lumx-typography-custom-button-size-m-font-size: 16px;
    --lumx-typography-custom-button-size-m-font-weight: bold;
    /* tabs default */
    --lumx-tabs-link-emphasis-low-state-default-border-bottom-width: 2px;
    --lumx-tabs-link-emphasis-low-state-default-theme-light-color: var(--lumx-color-dark-L2);
    --lumx-tabs-link-emphasis-low-state-default-theme-light-background-color: var(--lumx-color-light-N);
    --lumx-tabs-link-emphasis-low-state-default-theme-light-border-color: var(--lumx-color-light-L4);
    /* tabs hover */
    --lumx-tabs-link-emphasis-low-state-hover-border-bottom-width: 2px;
    --lumx-tabs-link-emphasis-low-state-hover-theme-light-color: var(--lumx-color-dark-N);
    --lumx-tabs-link-emphasis-low-state-hover-theme-light-background-color: #F4F4F6;
    --lumx-tabs-link-emphasis-low-state-hover-theme-light-border-color: var(--lumx-color-secondary-N);
    /* tabs selected */
    --lumx-tabs-link-emphasis-selected-state-default-border-bottom-width: 2px;
    --lumx-tabs-link-emphasis-selected-state-default-theme-light-color: var(--lumx-color-light-N);
    --lumx-tabs-link-emphasis-selected-state-default-theme-light-background-color: var(--lumx-color-primary-N);
    --lumx-tabs-link-emphasis-selected-state-default-theme-light-border-color: var(--lumx-color-primary-N);
    /* tabs selected hover */
    --lumx-tabs-link-emphasis-selected-state-hover-border-bottom-width: 2px;
    --lumx-tabs-link-emphasis-selected-state-hover-theme-light-color: var(--lumx-color-light-N);
    --lumx-tabs-link-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-primary-N);
    --lumx-tabs-link-emphasis-selected-state-hover-theme-light-border-color: var(--lumx-color-secondary-N);
}
	
    /** remove underline for all links in NGI **/
    #front-office-app a{text-decoration:none;}


    /***************************************
    ------ Theme Material styles ------
    ****************************************/
    body{
        background-color: #fff;
    }

    /* Bouton recherche */
    button[data-id="search-submit"]{
        background-color: #0071DC!important;
    }
    /* Bouton Créer */
    .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-dark{
        color: #fff!important;
        background-color: #0071DC !important;
    }

    /* Navigation - Menu principal */
    .main-nav{
        box-shadow: none;
        border-bottom: 2px solid #F4F4F6;
        height: 50px!important;
    }
    .header-main-nav 
    .main-nav__root{
        height: 50px!important;
    }
    /* Masquer chevrons du premier niveau uniquement */
    .main-nav .main-nav-item--primary > button.main-nav-item__indicator {
        display: none;
    }
    /* Non-active - Non hover */
    .main-nav
    .main-nav-item{
        padding: 0 24px;
        border-bottom: 2px transparent solid;
        background-color: transparent;
        /* Firefox */
        -moz-transition: all 0.3s ease-in;
        /* WebKit */
        -webkit-transition: all 0.3s ease-in;
        /* Opera */
        -o-transition: all 0.3s ease-in;
        /* Standard */
        transition: all 0.3s ease-in;
    }
    /* Non-active - Hover */
    .main-nav
    .main-nav-item:hover{
        background-color: #F4F4F6;
    }
    /* Active - Non hover */
    .main-nav
    .main-nav-item.main-nav-item--is-active{
        border-bottom: 2px #0071DC solid;
    }
    .main-nav
    .main-nav-item.main-nav-item--is-active
    .main-nav-item__label{
        color: #292633!important;
    }
    /* Active - Hover */
    .main-nav
    .main-nav-item.main-nav-item--is-active:hover{
        border-bottom: 2px #0071DC solid;
        background-color: #F4F4F6;
    }
    .main-nav
    .main-nav-item.main-nav-item--is-active:hover
    .main-nav-item__label{
        color: #292633!important;
    }

    /**** Titles ****/
    h1{
        font-size: 3rem;
        font-weight: 700;
        line-height: 3.3125rem;
    }
    h2{
        font-size: 2.375rem;
        font-weight: 700;
        line-height: 2.75rem;
    }
    h3{
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.375rem;
    }
    h4{
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 2.125rem;
    }

    /* Titres avec soulignement (widget HTML) */
    .widget-html.widget--shared-norauto-2022-title-underline-left h1,
    .widget-html.widget--shared-norauto-2022-title-underline-left h2,
    .widget-html.widget--shared-norauto-2022-title-underline-left h3,
    .widget-html.widget--shared-norauto-2022-title-underline-left h4{
        position: relative;
        display: flex;
        flex-direction: column;   
    }
    .widget-html.widget--shared-norauto-2022-title-underline-center h1,
    .widget-html.widget--shared-norauto-2022-title-underline-center h2,
    .widget-html.widget--shared-norauto-2022-title-underline-center h3,
    .widget-html.widget--shared-norauto-2022-title-underline-center h4{
        position: relative;
        display: flex;
        flex-direction: column; 
        align-items: center;
    }
    .widget-html.widget--shared-norauto-2022-title-underline-left .widget-content h1::after,
    .widget-html.widget--shared-norauto-2022-title-underline-left .widget-content h2::after,
    .widget-html.widget--shared-norauto-2022-title-underline-left .widget-content h3::after,
    .widget-html.widget--shared-norauto-2022-title-underline-left .widget-content h4::after,
    .widget-html.widget--shared-norauto-2022-title-underline-center .widget-content h1::after,
    .widget-html.widget--shared-norauto-2022-title-underline-center .widget-content h2::after,
    .widget-html.widget--shared-norauto-2022-title-underline-center .widget-content h3::after,
    .widget-html.widget--shared-norauto-2022-title-underline-center .widget-content h4::after{
        width: 48px;
        height: 3px;
        display: inline-block;
        background-color: #F6A404;
        content: "";
        margin-top: 12px;
    }

     /**** 2022_title-underline-left pour les titres de tous les widgets ****/
    /* underline-left */
    .widget--shared-norauto-2022-title-underline-left
    .widget-header__title{
        position: relative;
            display: flex;
            flex-direction: column;   
    }
    
    .widget--shared-norauto-2022-title-underline-left
    .widget-header__title:after{
            width: 48px;
            height: 3px;
            display: inline-block;
            background-color: #F6A404;
            content: "";
            margin-top: 4px;
    }
    
    /* underline-center */
    .widget--shared-norauto-2022-title-underline-center
    .widget-header__title{
        position: relative;
            display: flex;
            flex-direction: column;  
            align-items: center; 
    }
    
    .widget--shared-norauto-2022-title-underline-center
    .widget-header__title:after{
            width: 48px;
            height: 3px;
            display: inline-block;
            background-color: #F6A404;
            content: "";
            margin-top: 4px;
    }
    
    
    /**** All HTML widget links in blue ****/
    .widget-html .widget-html__content a {
        color: #0071DC !important;
    }

    /**** Widget Content list ****/
    /* Title */
    .content-block-title{
        font-size: 28px !important;
        line-height: 34px !important;
        font-weight: 700 !important;
    }
    /* Margin mode horizontal */
    .widget--shared-norauto-2022-default
    .widget-content-list__list--horizontal
    .widget-slideshow.widget-slideshow--no-slideshow, 
    .widget-content-list__list--horizontal
    .widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-2,
    .widget-content-list__list--horizontal
    .widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-3,
    .widget-content-list__list--horizontal
    .widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-4{
        padding: 0 !important;
    }
    .widget--shared-norauto-2022-default
    .widget-content-list__list--horizontal
    .widget-slideshow.widget-slideshow--no-slideshow,    
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-2
.widget-slideshow__block:first-child,
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-3
.widget-slideshow__block:first-child,
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-4
.widget-slideshow__block:first-child{
    padding-left: 0px !important;
}
.widget--shared-norauto-2022-default
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow, 
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-2
.widget-slideshow__block:last-child,
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-3
.widget-slideshow__block:last-child,
.widget-content-list__list--horizontal
.widget-slideshow.widget-slideshow--no-slideshow.widget-slideshow--group-by-4
.widget-slideshow__block:last-child{
    padding-right: 0px !important;
}

/**** Content list mode slideshow ****/
.widget-slideshow.widget-slideshow--slideshow
.content-block--default-style.content-block--view-mode-block 
.content-block__thumbnail{
    height: auto;
    aspect-ratio: 1.5;
}

    /**** Widget Breadcrumb ****/
    .widget-breadcrumb.widget--theme-light
    .widget-breadcrumb__home{
        color: #565C6C;
    }
    .widget-breadcrumb.widget--theme-light 
    .widget-breadcrumb__link:hover, 
    .widget-breadcrumb.widget--theme-light 
    .widget-breadcrumb__link:last-child{
        color: #0071DC;
        font-weight: 700;
    }

    /**** Widget Title ****/
    .widget-title__title{
        font-size: 48px;
        font-weight: 700;
        line-height: 60px;
        position: relative;
        display: flex;
        flex-direction: column;   
    }
    .widget-title__title::after{
        width: 48px;
        height: 3px;
        display: inline-block;
        background-color: #F6A404;
        content: "";
        margin-top: 16px;
    }


    /**** Widget Sous-Navigation ****/
    .widget-sub-nav
    .widget-sub-nav__wrapper{
    padding: 12px;
    }
        
    .widget-sub-nav
    .widget-sub-nav__wrapper--is-active,
    .widget-sub-nav
    .widget-sub-nav__wrapper:hover{
        background-color: #F4F4F6;
        border-radius: 4px;
    }
    .widget-sub-nav
    .widget-sub-nav__wrapper--is-active
    .widget-sub-nav__link span,
    .widget-sub-nav
    .widget-sub-nav__wrapper:hover
    .widget-sub-nav__link span{
        color: #292633!important;
        font-weight: 700!important;
    }
    .widget-sub-nav__list.widget-sub-nav__list--root>li{
        border: 0px!important;
    }

/**** Directory entry tags ****/
.directory-entry-block-tags__tag:after{
    display: none;
}
.directory-entry-block-tags__tag{
    border: 1px solid #898FA0;
    border-radius: 24px;
    padding: 4px 16px;
    margin-top: 8px;
    margin-right: 8px;
    display: inline-block;
}
.directory-entry-block-tags__tag span{
    color: #898FA0;
    font-size:12px;
}
/**** add class no-description to hide description in directory entry widget ****/
.widget--no-description.widget-directory-entry-list
.directory-entry-block__custom-field,
.widget--no-description.widget-directory-entry
.directory-entry-block__custom-field{
    display: none;
}
/**** add class no-tags to hide tags in directory entry widget ****/
.widget-directory-entry-list.widget--no-tags
.directory-entry-block
.directory-entry-block-tags__tag,
.widget-directory-entry.widget--no-tags
.directory-entry-block__tags{
    display: none;
}

/**** add class no-tags to hide tags in directory entry widget ****/
.widget-directory-entry-list.widget--no-metadata
.directory-entry-block
.directory-entry-block-metadata,
.widget-directory-entry.widget--no-metadata
.metadata-link-list{
    display: none;
}
/**** add class no-tags to hide star button in directory entry widget ****/
.widget--no-star
.directory-entry-block__actions{
    display: none;
}


/**** directory entry title ****/
.directory-entry-block-title{
    font-size: 16px;
    font-weight: 700;
}
/**** directory entry thumbnail ****/
.widget-directory-entry-list.widget--theme-light
.directory-entry-block__thumbnail{
    border-radius: 0px;
    background-color: #0071DC!important;
}

/**** Metadata ****/
/** Both themes 
.content-block-metadata__metadata::after,
.widget-meta-metadata__name:after{
    display: none;
}
.content-block-metadata__metadata,
.widget-meta-metadata__name{
    border-radius: 24px;
    padding: 4px 16px;
    margin-top: 8px;
    margin-right: 2px;
    display: inline-block;
}
.content-block-metadata__metadata span,
.widget-meta-metadata__name span{
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
}
**/
/** Theme light 
/* State : default
.theme-material
.widget--theme-light
.content-block-metadata__metadata,
.widget--theme-light
.widget-meta-metadata__name{
    border: 1px solid #898FA0;
}
.widget--theme-light
.content-block-metadata__metadata span,
.widget--theme-light
.widget-meta-metadata__name span{
    color: #292C33;
}
 */
/* State : hover
.widget--theme-light
.content-block-metadata__metadata:hover,
.widget--theme-light
.widget-meta-metadata__name:hover{
    border: 1px solid #004C96;
}
 */
/** Theme dark **/
/* State : default
.widget--theme-dark
.content-block-metadata__metadata,
.widget--theme-dark
.widget-meta-metadata__name{
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.2);
}
.widget--theme-dark
.content-block-metadata__metadata span,
.widget--theme-dark
.widget-meta-metadata__name span{
    color: #fff;
}
 */
/* State : hover
.widget--theme-dark
.content-block-metadata__metadata:hover,
.widget--theme-dark
.widget-meta-metadata__name:hover{
    border: 1px solid #004C96;
}
 */


/**** Publication date ****/
.widget--theme-light
.widget-meta-publication-date{
    font-size: 12px;
    font-weight: 500;
}
.widget--theme-light
.widget-meta-publication-date{
    color: #898FA0;
}
.widget--theme-dark
.widget-meta-publication-date{
    color: #fff;
}

/**** Widget social dans News ****/
@media (min-width: 481px){
    .widget--2022-metadata-actu.widget-meta .widget-meta-social{
    left: 0;
}
.content--type-news 
.widget-meta .widget-meta-social {
    position: initial;
    transform: none;
}
}

.widget--theme-light
.like-button__count,
.widget--theme-light
.comment-button span,
.widget--theme-light
.like-button__btn span,
.widget--theme-light
.post-share-button__wrapper>span{
    color: #0071DC!important;
    font-weight: 700;
}
.block-reactions--theme-light
.block-reactions__like-btn span,
.block-reactions--theme-light
.block-reactions__reply-btn span{
    color: #0071DC!important;
    font-weight: 700;
    text-transform: none !important;
}

/**** Directory entry list - tabs ****/
.widget-directory-entry-list.widget--theme-light
.widget-directory-entry-list__tabs{
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.widget-directory-entry
.lumx-tabs__links{
    flex-wrap: wrap !important;
}
.widget-directory-entry-list.widget--theme-light
.widget-directory-entry-list__tab{
    background-color: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-color: #fff;
    text-transform: none;
    font-size: 16px;
    color: #898FA0 !important;
    font-weight: bold;
    padding: 18px 24px 16px 24px;
    border-bottom-width: 2px;
}
.widget-directory-entry-list.widget--theme-light
.widget-directory-entry-list__tab:hover,
.widget-directory-entry-list.widget--theme-light
.widget-directory-entry-list__tab.widget-directory-entry-list__tab--is-selected{
    color: #292C33 !important;
    border-bottom-color: #0071DC !important;
}

/**** 2022_html-link ****/
.theme-material .widget--shared-norauto-2022-html-link
.widget-html__content a{
    text-decoration: underline;
    text-decoration-color: #0071DC;
    color: #0071DC;
    display: flex;
    justify-content: center;
    align-items: center;
}
.theme-material .widget--shared-norauto-2022-html-link
.widget-html__content a::after{
    content: " ";
    width: 11px;
    height: 11px;
    background-image: url('https://intranet.norauto.com/serve/AMIfv948wl1aDYFNbhnWnjLZ_n0xQpUmYvzBRkNcIkjfMV9tIeEV-0xj-wgy5CdPSQcfZxZ5sQk6E-e5Mx66d6XDOr76ArApYkKHSE4Efz-q4jdpIw9mvSeNSibuAMKTvLIbAyGwwwAZmvBs-iM_M59g65olsqovOw/Shape.svg');
    display: inline-block;
    margin-left: 8px;

}

    /***************************************
    ------ Theme Lumapps styles ------
    ****************************************/

    /* Search bar */
    .theme-lumapps .searchbox .lumx-text-field__wrapper{
        background-color: #fff;
    }


    /* Widget Directory entry ungrouped */
    .theme-lumapps .widget-directory-entry.widget--has-ungrouped-container-block
    .block-grid__item{
    box-shadow: none !important;
    border: 1px #DDDFE4 solid !important;
    border-radius: 4px !important;
    padding: 12px !important;
    background-color: #fff !important;
    
}

    /* Widget title */
    .theme-lumapps .block-title{
        font-size: 48px;
        font-weight: 700;
        line-height: 60px;
        position: relative;
        display: flex;
        flex-direction: column;   
    }
    .theme-lumapps .block-title::after{
        width: 48px;
        height: 3px;
        display: inline-block;
        background-color: #F6A404;
        content: "";
        margin-top: 16px;
    }

    /* Community post lists - padding adjustments */
    .theme-lumapps 
    .widget--shared-norauto-2022-pinned-posts
    .block-grid__item{
        padding: 24px !important;
    }

    /**** 2022_html-link ****/
.widget--shared-norauto-2022-html-link
.block-html a{
    text-decoration: underline;
    text-decoration-color: #0071DC;
    color: #0071DC;
    display: flex;
    justify-content: center;
    align-items: center;
}
.widget--shared-norauto-2022-html-link
.block-html a::after{
    content: " ";
    width: 11px;
    height: 11px;
    background-image: url('https://intranet.norauto.com/serve/AMIfv948wl1aDYFNbhnWnjLZ_n0xQpUmYvzBRkNcIkjfMV9tIeEV-0xj-wgy5CdPSQcfZxZ5sQk6E-e5Mx66d6XDOr76ArApYkKHSE4Efz-q4jdpIw9mvSeNSibuAMKTvLIbAyGwwwAZmvBs-iM_M59g65olsqovOw/Shape.svg');
    display: inline-block;
    margin-left: 8px;

}

    /***************************************
    ------ Common styles (both themes) ------
    ****************************************/


    /**** HOME - Widget Bienvenue User ****/
 .widget--welcome-user:after{
    width: 48px;
    height: 3px;
    display: inline-block;
    background-color: #F6A404;
    content: "";
    margin-top: 16px;
}
.widget--welcome-user
.widget-welcome {
    font-size: 48px !important;
    font-weight: 700;
    position: relative; 
}
.widget--welcome-user
.widget-welcome:after{
    content: ' !';
}
.widget--spanish-welcome
.widget-welcome:after{
    display: none;
}
.widget--welcome-user
.widget-welcome .comma{
    display: none;
}
   
/**** Widget-footer
.widget-footer a,
.widget-footer__label{
    text-decoration: underline;
}
 ****/

/**** 2022_default-filled-lightgrey ****/

/*.widget--shared-norauto-2022-default-filled-lightgrey.widget-content-list
.widget-slideshow__block{
    padding: 24px 0;
}*/
.widget--shared-norauto-2022-default-filled-lightgrey.widget-content-list
.widget-slideshow{
    padding: 0;
}
.widget--shared-norauto-2022-default-filled-lightgrey,
.widget--shared-norauto-2022-default-filled-lightgrey,
.widget--shared-norauto-2022-default-filled-lightgrey.widget--has-ungrouped-container-block,
.widget--shared-norauto-2022-default-filled-lightgrey.widget--has-ungrouped-container-block{
    background-color: #F4F4F6!important;
}

/**** 2022_default-filled-lightblue ****/
.widget--shared-norauto-2022-default-filled-lightblue,
.widget--shared-norauto-2022-default-filled-lightblue,
.widget--shared-norauto-2022-default-filled-lightblue.widget--has-ungrouped-container-block,
.widget--shared-norauto-2022-default-filled-lightblue.widget--has-ungrouped-container-block{
    background-color: #D9EAFB!important;
}

/**** 2022_default-filled-primary ****/
.widget--shared-norauto-2022-default-filled-primary,
.widget--shared-norauto-2022-default-filled-primary,
.widget--shared-norauto-2022-default-filled-primary.widget--has-ungrouped-container-block,
.widget--shared-norauto-2022-default-filled-primary.widget--has-ungrouped-container-block{
    background-color: var(--lumx-color-primary-N)!important;
}

/** 2022_accordion **/
.widget--shared-2022-accordion .widget-header__wrapper {
    position: relative;
    justify-content: space-between !important;
    border-color: #898FA0 !important;
}
.widget--shared-2022-accordion[ng-class="vm.classes"]
 > .widget-header > .widget-header__wrapper > .widget-header__icon {
    position: absolute;
}

.widget--small-content-title
.block-page-preview__title{
    font-size: var(--lumx-typography-title4-font-size) !important;
    line-height: var(--lumx-typography-title4-line-height) !important;
}


/**** Widget Breadcrumb ****/
.widget-breadcrumb__wrapper{
    padding: 24px 0 !important;
}


.header--reworked-ui .header-norauto-apps__toggle button {    
    background: #F6A404 !important;
    height: 20px !important;
    margin-right: 16px;
}

.header--reworked-ui .header-norauto-apps__toggle span {
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
}

/**** Directory entry list block - borders ****/
.widget-directory-entry-list
.directory-entry-block.directory-entry-block--view-mode-variant-ungroup{
    box-shadow: none;
    border: 1px #DDDFE4 solid;
    border-radius: 4px;
    padding: 12px !important;
}

/**** 2022_catalogue-securite ****/
.widget--shared-norauto-2022-catalogue-securite.widget-image-gallery
.lumx-image-block__caption
.lumx-image-block__title{
    display: block !important;
    font-weight: var(--lumx-typography-font-weight-bold) !important;
    font-size: 18px !important;
}

/** 2022_cta-secondary **/
.widget--shared-2022-cta-secondary
.block-html a,
.widget--shared-2022-cta-secondary
.widget-html__content a{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--lumx-color-secondary-N);
  padding: 12px;
  color: #fff !important;
  font-weight: var(--lumx-typography-font-weight-bold);
  font-size: 18px;
  transition: 0.5s;
    border-radius: 8px;
}
.widget--shared-2022-cta-secondary
.block-html a:hover,
.widget--shared-2022-cta-secondary
.widget-html__content a:hover{
    background-color: var(--lumx-color-secondary-D2);
    text-decoration: none;
}

/** 2022_cta-primary **/
.widget--shared-2022-cta-primary
.block-html a,
.widget--shared-2022-cta-primary
.widget-html__content a{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--lumx-color-primary-N);
  padding: 12px;
  color: #fff !important;
  font-weight: var(--lumx-typography-font-weight-bold);
  font-size: 18px;
  transition: 0.5s;
    border-radius: 8px;
}
.widget--shared-2022-cta-primary
.block-html a:hover,
.widget--shared-2022-cta-primary
.widget-html__content a:hover{
    background-color: var(--lumx-color-primary-D2);
    text-decoration: none;
}


/** 2022-cta-blue **/
.widget--shared-2022-cta-blue
.block-html a,
.widget--shared-2022-cta-blue
.widget-html__content a{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--lumx-color-blue-N);
  padding: 12px;
  color: #fff !important;
  font-weight: var(--lumx-typography-font-weight-bold);
  font-size: 18px;
  transition: 0.5s;
    border-radius: 8px;
}
.widget--shared-2022-cta-blue
.block-html a:hover,
.widget--shared-2022-cta-blue
.widget-html__content a:hover{
    background-color: var(--lumx-color-blue-D2);
    text-decoration: none;
}

/**** 2022_content-list-as-entry-list ****/
.widget-content-list.widget--shared-2022-content-list-as-entry-list{
    background-color: #F4F4F6 !important;
}
/* Legacy */
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.widget-content-list__tabs {
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.widget-content-list__tab{
    background-color: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-color: #fff;
    text-transform: none;
    font-size: 16px;
    color: #898FA0 !important;
    font-weight: bold;
    padding: 18px 24px 16px 24px;
    border-bottom-width: 2px;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.widget-content-list__tab:hover,
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.widget-content-list__tab.widget-content-list__tab--is-selected{
    color: #292C33 !important;
    border-bottom-color: #001541 !important;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.content-block__thumbnail{
    width: 40px;
    height: 40px;
    margin: 0 auto 16px auto;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.content-block-title{
    font-size: 16px !important;
    font-weight: 700;
    line-height: 18px !important;
    text-align: center;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.widget-slideshow__block{
    padding: 12px;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.widget-slideshow__block .content-block{
    display: flex;
    border-radius: 4px;
    border: 1px #DDDFE4 solid;
    padding: 12px;
    align-items: center;
    justify-content: center;
    background-color: #fff
}
/* NGI */
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.block-grid__item
.block-image{
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.block-grid__item
.lumx-thumbnail__image{
    position: initial !important;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.block-grid__item
.lumx-thumbnail__background{
    padding-top: 0 !important;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.block-grid__item
.block-page-preview__title{
    font-size: 16px !important;
    font-weight: 700;
    line-height: 18px !important;
    text-align: center;
}
.widget-content-list.widget--shared-2022-content-list-as-entry-list
.block-grid__item{
    border-radius: 4px;
    border: 1px #DDDFE4 solid;
    padding: 12px;
    background-color: #fff;
}
/**** FOOTER ****/
.norauto-footer{
    background-color: #F4F4F6;
}


.norauto-footer .top-part{
    background-color: #002B6F;
    width: 100%;
    padding: 24px 0;
    text-align: center;
}
.norauto-footer
    .top-part_container{
        position: relative;
    }
@media screen and (min-width:1024px) {
    .norauto-footer
    .top-part_container,
    .norauto-footer
    .bottom-part{
    width: 100%;
    max-width: 1128px;
    margin: auto;
}
}
@media screen and (max-width:1023px) {
    .norauto-footer
    .top-part_container,
    .norauto-footer
    .bottom-part{
    width: 100%;
    padding: 0 24px;
}
}
.norauto-footer .top-part p{
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.norauto-footer .top-part a{
    font-weight: 500;
    text-decoration: underline;
    color: #fff;
}
.norauto-footer
.bottom-part{
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.norauto-footer
.bottom-part img{
    width: 200px;
}
.norauto-footer
.bottom-part
.footer-links a{
    color: #292633;
    text-decoration: none;
    margin: 0 12px;
    font-size: 16px;
}
.norauto-footer
.bottom-part 
.footer-socials{
    display: flex;
}
.norauto-footer
.bottom-part 
.footer-socials a{
    margin: 0 12px;
}
.norauto-footer
.bottom-part 
.footer-socials img{
    width: 36px;
}


/**** COMMUNITIES ****/
/* Community Title */
.widget--shared-norauto-2022-community-title
.widget-content h1{
     font-size: 1.75rem;
        font-weight: 700;
        line-height: 2.125rem;
}
/* Community managers */
.theme-material
.widget--shared-norauto-2022-community-managers
.widget-content-wrapper
.widget-user-list__list{
    display: flex;
}
.theme-material
.widget--shared-norauto-2022-community-managers
.widget-content-wrapper
.widget-user-list__list
.user-block__profile-wrapper{
    display: none;
}
.theme-lumapps
.widget--shared-norauto-2022-community-managers{
    padding: 0px 24px 12px 24px !important;
}
.theme-lumapps
.widget--shared-norauto-2022-community-managers
.block-list{
    flex-direction: row;
    justify-content: flex-start;
    --block-list-gap: auto!important;
}
.theme-lumapps
.widget--shared-norauto-2022-community-managers
.block-list
.lumx-user-block__wrapper{
    display: none;
}

/** managed-communities **/
.widget--managed-communities
.widget-content{
    background: none!important;
    padding: 0!important;
}
.widget--managed-communities
.widget-content
.widget-slideshow{
    padding: 12px 0px!important;
}
.widget--managed-communities
.widget-content
.community-block{
    align-items: center;
}
.widget--managed-communities
.widget-content
.community-block__thumbnail{
    border-radius: 100%;
    width: 100px !important;
    height: 100px !important;
    border: 5px solid #fff;
    padding: 0 !important;
    margin-bottom: 8px !important;
}
.widget--managed-communities
.widget-content
.community-block__title{
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
.theme-material
.widget-community-list.widget--theme-light
.follow-button.follow-button--view-mode-extended.follow-button--is-followed{
    border-color: #0071DC !important;
}
.theme-material
.widget-community-list.widget--theme-light
.follow-button--view-mode-extended.follow-button--not-followed .follow-button__subscribe{
    background-color: #0071DC !important;
}
.theme-material
.widget-community-list.widget--theme-light
.follow-button--view-mode-extended.follow-button--is-followed .follow-button__subscribe{
    color: #0071DC !important;
}
.theme-material
.widget-community-list.widget--theme-light
.follow-button--view-mode-extended.follow-button--is-followed .follow-button__notification{
    color: #0071DC !important;
    border-color: #0071DC !important;}



    /**** PROPOSITION 17/02 DESIGN COMMUNITY ****/

    
    .block-post-title{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
        font-weight: bold;
    }
    .block-post-title:after {
        width: 48px;
        height: 3px;
        display: inline-block;
        background-color: #F6A404;
        content: "";
        margin-top: 16px;
    }
    .post-block-header__author{
        font-weight: bold;
        font-size: 0.8rem;
    }
    .post-block--theme-light .post-block__pinned{
        border-top: 4px solid var(--lumx-color-secondary-N);
        padding:8px 24px;
        border-bottom: none;
        background-color: var(--lumx-color-secondary-N);
    }
    .post-block--theme-light .post-block__pinned i{
        color: var(--lumx-color-secondary-N);
        background-color: #fff;
    }
    .post-block--theme-light .post-block__pinned span{
        font-size: 0.7rem;
        color: #fff;
        font-weight: bold;
    }
    

.theme-lumapps
.page[data-id="front-office-community-views-page-page"]
.contribution-field--theme-light{
    border: 1px rgb(221, 223, 228) solid;
        border-radius: 2px;
}
    .theme-material .content--type-community .contribution-field--theme-light{
        border: 1px rgb(221, 223, 228) solid;
        border-radius: 2px;
    }
    .widget-content-filter__form--condensed{
        background-color: #fff;
        border: 1px rgb(221, 223, 228) solid;
        margin-right:24px;
    }

    /*--- USER DIRECTORY DESIGN  ---*/

    .user-directory__wrapper{
        box-shadow: none;
    }
    .user-directory__header{
        border: none;
    }
    
    .user-directory__title{
        font-size: 48px;
        font-weight: 700;
        line-height: 60px;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .user-directory__title:after {
        width: 48px;
        height: 3px;
        display: inline-block;
        background-color: #F6A404;
        content: "";
        margin-top: 16px;
    }
    
    
    .user-directory-list__user .user-block{
        border-radius: 4px;
    }
    .user-directory-list__user .user-block
    .user-block__primary-field{
        font-size: 20px;
    }
    
    .user-directory__wrapper
    .filter-pane{
        background-color: #D9EAFD!important;
        border-radius: 4px;
        border: none;
        padding-top: 24px;
    }
    .user-directory__wrapper
    .filter-pane form{
        background-color: #fff;
        padding: 0 24px 24px;
        border-radius: 4px;
    }
    
    
    .content--type-user-directory
    .module__tip{
        background-color: #F6F6F6;
        margin-top: -16px;
    }
    .content--type-user-directory
    .module__tip
    .widget-header .widget-wrapper{
        border: none;
    }
    
    .content--type-user-directory
    .module__tip
    .widget-tip__icon{
        display: none;
    }
    .content--type-user-directory
    .widget-tip{
        box-shadow: none;
        background: none;
    }
    
    /** file preview extension**/
    .file-preview-widget-content
    .overlay{display: none;}

    /** Only visible on Mobile app **/
    .front-office .widget--only-visible-on-app{
        display: none;
    }
    .webview .widget--only-visible-on-app{
        display: block !important;
    }
    /** Not visible on Mobile app **/
    .webview .widget--not-visible-on-app{
        display: none !important;
    }
 /** class to add to change thumbnail fit mode in content list **/
.widget--thumbnail-contain
.lumx-thumbnail__image{
object-fit: contain !important;
padding: 24px 24px 0 24px;
}


/** Main Nav - Managers item **/
.main-nav__child--managers{
    background-color: var(--lumx-color-blue-N) !important;
    color: var(--lumx-color-light-N) !important;
}
.main-nav__child--managers
.main-nav-item__label{
    color: var(--lumx-color-light-N) !important;
}

.main-nav__child--managers:hover{
    background-color: var(--lumx-color-primary-N) !important;
    color: var(--lumx-color-light-N) !important;
}
.main-nav__child--managers:hover i{
    color: var(--lumx-color-light-N) !important;
}