/* updated for NGI user directory on: 2024-12-23 */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
}


/* Display Home Icon */
.main-nav__child--home span,
.main-nav__child--more span,
.main-nav__child--annuaire span {
    display: none;
}

.header-main-nav .main-nav__link-icon {
    margin-right: 1px;
}


/* Widget Footers */
.widget-footer .widget-wrapper {
    -webkit-transition: all .3s ease-in-out;
    transition        : all .3s ease-in-out;
}


/* Current Page Active*/
.header-main-nav .main-nav__root > .main-nav__child > .main-nav__link-wrapper {
    border-bottom: 3px solid transparent !important;
}

.header-main-nav .main-nav__root > .main-nav__child--is-active > .main-nav__link-wrapper {
    border-bottom-color: #ffffff !important;
}


/* Underline From Left only on Desktop version */
@media only screen and (min-width: 1024px) {
    .main-nav__child--more,
    .main-nav__child {
        position: relative;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        
    }

    .main-nav__child--more:before,
    .main-nav__child:before {
        position: absolute;
        right: 100%;
        bottom: 0;
        left: 0;
        z-index: -1;
        height: 3px;
        content: "";
        background: #ffffff;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: right;
        transition-property: right;
        
    }

    .main-nav__child--more:hover:before,
    .main-nav__child--more:focus:before,
    .main-nav__child--more:active:before,
    .main-nav__child:hover:before,
    .main-nav__child:focus:before,
    .main-nav__child:active:before {
        right: 0;
        
    }


}


/* My Space Widgets */
.widget--shared-widget-my-space {
    box-shadow: 10px 10px 0 0 rgba(100,179,244,.2) !important;
}


/* Page title */
.widget--shared-page-title .widget-title__title,
.widget--shared-page-title-white .widget-title__title {
    font-size: 40px;
    font-weight: bold;
}


/* Section Title */
.widget--shared-section-title .divided,
.widget--shared-section-title-dark .divided {
    display: flex;
    align-items: center; 
    font-size: 32px; 
    font-weight: bold;
    color: rgb(0,0,0);  
}

.widget--shared-section-title .divider,
.widget--shared-section-title-dark .divider {     width: 100px !important;     margin: 10px 5px 5px 20px;
    border-bottom: 1px solid black; }

.widget--shared-section-title-dark .divider {
    border-bottom: 1px solid #ffffff;
}


/* User Directory No Title */
.user-directory__header,
.lumx-front-office-page-header {
    display: none;
}

.user-directory__wrapper {
    margin-top: 32px;
    box-shadow: none;
}

.user-directory-list__user .user-block,
.user-directory-content__list .page-card,
.filter-pane,
.user-directory-page__filters .page-card {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 30px;
}
.user-directory-content__list .page-card:hover {
    border-color: var(--lumx-color-secondary-N);
}

/* Alert Message + Counter */
.widget--shared-alert-message,
.widget--shared-counter {
    box-shadow: 6px 6px 0 0 rgba(100,179,244,.9) !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.widget--shared-alert-message:hover,
.widget--shared-counter:hover {
    box-shadow: 6px 6px 0 0 rgba(100,179,244,.5) !important;
}

.widget--shared-counter p {
    margin-bottom: 0 !important;
}

    
/* Buttons - CTAs */
/* button 1 */
.widget--shared-buttons-1 {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.widget--shared-buttons-1:hover {
    border-bottom-right-radius: 50px !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 16px 32px !important;
}


/* button 2 */
.widget--shared-buttons-2 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.widget--shared-buttons-2:before {
    position: absolute;
    top: 0;
    right: 100%;
    left: 0;
    z-index: -1;        
    height: 6px;
    content: "";
    background: #FF416C;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FF4B2B, #FF416C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: right;
    transition-property: right;
}

.widget--shared-buttons-2:hover:before,
.widget--shared-buttons-2:focus:before,
.widget--shared-buttons-2:active:before {
    right: 0;
}


/* button 3 */
.widget--shared-buttons-3 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.widget--shared-buttons-3:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background: #E0EAFC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #CFDEF3, #E0EAFC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.widget--shared-buttons-3:hover:before,
.widget--shared-buttons-3:focus:before,
.widget--shared-buttons-3:active:before {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


/* Media Queries */
@media only screen and (min-width: 1024px) {
    /* Mon Espace Tab always in the right */
    .main-nav__child--more {
        position: absolute !important;
        right: 8px;
        float: right !important;
        background: #47545e;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #47545e, #47545e);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #47545e, #47545e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

}