/* updated for NGI user directory on: 2024-12-23 */
/**
 * @env: lumapps-others
 * @customerName: Corse Composites Aeronautiques
 * @customerId: 5107786341941248
 * @account: None
 *
 * @instanceName: Intranet
 * @instanceId: 5741522389565440
 *
 * @styleName: Default
 * @styleId: 6466303690801152
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites-ms.lumapps.com/a/cca/home
 */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
}

.header-top__bookmarked-apps {
  display: none;
}


/* Display Home Icon */
.main-nav__child--home span,
.main-nav__child--more 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;
}


/* Page title */
.widget--shared-titre-de-page .widget-title__title {
  font-size: 40px;
}


/* Section Title */
.widget--shared-section-title .widget-html__content span,
.widget--shared-section-title-dark .widget-html__content span {
    display: table;
    white-space: nowrap;
}

.widget--shared-section-title .widget-html__content span:after,
.widget--shared-section-title-dark .widget-html__content span:after {
  position: relative;
  top: 26px;
  left: 20px;
  display: table-cell;
  width: 55%;
  content: '';
  border-top: 1px solid #d2d2d2;
}

.widget--shared-section-title-dark .widget-html__content span:after {
  border-top: 1px solid #ffffff;
}


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

.user-directory__wrapper,
.user-directory-content__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);
}

/* Content Lists */
.widget-content-list__tab.widget-content-list__tab--is-selected {
    border-bottom-color: rgba(0,0,0,.12) !important;
    border-radius: 50px;
}

.widget-content-list__tab {
    height: 38px;
    margin: 0px 5px;
    border-right: 1px solid rgba(0,0,0,.12) !important;
    border-right-color: rgba(0,0,0,.12) !important;
    border-radius: 50px;
}


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


/* Buttons 4 */
.widget--shared-buttons-4 {
  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-4:before {
  position: absolute;
  top: 0;
  right: 51%;
  left: 51%;
  z-index: -1;
  height: 4px;
  content: "";
  background: #FF416C;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: left, right;
  transition-property: left, right;
}

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


/* 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: rgba(100,179,244,.9);*/
        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+ */
}

}

/*==========================================================
              USER PROFILE PICTURES
===========================================================*/
.user-directory-details-v2-picture__source--read,
.user-block__profile-picture {
  background-position: 50% 0%;
}
.lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
  object-position: top;
  object-fit: cover;  
}