/* *****************************************
- DOCUMENT INFORMATION
- Designer:
- NGI version: vanessa.verriere@lumapps.com
- Updated On: July 19th, 2023
****************************************** */

/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */

/*--- BASE STYLES */

body.theme-material {
    background-color: #FFFFFF;
}

.theme-material .header-top__logo a {
    height: 88px;
}

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */

/*--- BASE STYLES */

:root {
    --lumx-app-header-logo-height: 60px;
    --lumx-app-background: #ffffff;
    /* tag */
    --lumx-typography-custom-tag-font-size: 16px;
    --lumx-typography-custom-tag-font-weight: normal;
    --lumx-tag-height: 30px;
    --lumx-tag-state-default-padding-horizontal: 16px;
    --lumx-tag-border-radius: 0;
    --lumx-tag-state-default-border-width: 2px;
    --lumx-tag-state-default-theme-light-background-color: transparent;
    --lumx-tag-state-default-theme-light-border-color: #613459;
    --lumx-tag-state-default-theme-light-color: #613459;
    --lumx-tag-state-default-theme-dark-background-color: transparent;
    --lumx-tag-state-default-theme-dark-border-color: #ffffff;
    --lumx-tag-state-default-theme-dark-color: #ffffff;
    --lumx-tag-list-separator: none;
}

.theme-lumapps .widget-community-list {
    --lumx-typography-custom-button-size-s-font-size: 14px;
    --lumx-button-border-radius: 0;
    --lumx-button-emphasis-medium-state-default-border-width: 1px;
    --lumx-button-emphasis-medium-state-default-theme-light-border-color: #707070;
    /* default */
    --lumx-button-emphasis-medium-state-default-theme-light-background-color: #ffffff;
    --lumx-button-emphasis-medium-state-default-theme-light-color: #707070;
    /* default hover */
    --lumx-button-emphasis-medium-state-hover-theme-light-background-color: #707070;
    --lumx-button-emphasis-medium-state-hover-theme-light-color: #ffffff;
    /* selected */
    --lumx-button-emphasis-selected-state-default-theme-light-border-color: #707070;
    --lumx-button-emphasis-selected-state-default-theme-light-background-color: #ffffff;
    --lumx-button-emphasis-selected-state-default-theme-light-color: #707070;
    /* selected hover */
    --lumx-button-emphasis-selected-state-hover-theme-light-background-color: #707070;
    --lumx-button-emphasis-selected-state-hover-theme-light-color: #ffffff;
}

/*--- GLOBAL STYLES */

.theme-lumapps .widget-content-list {
    --lumx-typography-custom-title4-font-size: 20px;
    --lumx-content-block-title-theme-light-color: #613459;
}

.theme-lumapps .widget-content-list:not(.widget--view-mode-cover),
.theme-lumapps .widget-content-list.widget--xs {
    --lumx-typography-custom-publish-info-font-size: 14px;
    --lumx-typography-custom-body-font-size: 16px;
}

.theme-lumapps .widget-content-list .block-grid__item {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.theme-lumapps .block-reactions {
    --lumx-button-emphasis-low-state-default-theme-light-color: #613459;
}

.theme-lumapps .widget-community-list.widget--view-mode-list.widget--variant-grouped {
    --lumx-color-dark-N: #ffffff;
}

.theme-lumapps .widget-community-list.widget--view-mode-list .widget-content {
    background-color: #613459;
}

.theme-lumapps .widget-community-list.widget--view-mode-list .block-list--ungrouped {
    padding: 1rem;
}

.theme-lumapps .widget-title {
    --lumx-typography-custom-title1-font-size: 32px;
    --lumx-typography-custom-title1-font-weight: lighter;
    --lumx-widget-title-theme-light-color: #613459;
}

.theme-lumapps .widget--vignette-actualite .widget-content,
.theme-lumapps .widget--vignette-actualite .block-image {
    min-height: 400px;
}

.theme-lumapps .widget--titre-actualite {
    --lumx-widget-title-text-transform: uppercase;
    --lumx-widget-title-theme-light-color: #ffffff;
}

.theme-lumapps .widget--description-actualite-new,
.theme-lumapps .widget--description-actualite-new {
    --lumx-typography-custom-intro-font-size: 20px;
    --lumx-typography-custom-intro-font-weight: normal;
    --lumx-widget-intro-theme-light-color: #ffffff;
}

.theme-lumapps .widget--description-actualite {
    --lumx-typography-custom-intro-font-size: 20px;
    --lumx-typography-custom-intro-font-weight: normal;
    --lumx-widget-intro-theme-light-color: #707070;
}

.theme-lumapps .widget--actualites-suggested .block-grid__item,
.theme-lumapps .widget--actualites-suggested .block-slideshow__item {
    background-color: #ffffff;
}

.theme-lumapps .widget--actualites-suggested .block-page-preview__content {
    padding: 0 1rem 1rem 1rem;
}

/*--- FIX */

.theme-lumapps .block-grid {
    --block-grid-item-min-width: 160px !important;
}

.theme-lumapps .widget-html a {
    text-decoration: none;
}

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

/*--- GLOBAL STYLES */

.widget--alert-content .content-block__fields,
.theme-lumapps .widget--alert-content .block-page-preview__content {
    background-color: #E62A32;
    border-radius: 5px
}

.widget--alert-content .content-block--default-style.content-block--theme-light .content-block-title a,
.theme-lumapps .widget--alert-content .block-page-preview__content a {
    color: #FFFFFF;
}

.widget--alert-content .content-block--default-style.content-block--theme-light .content-block-title a:hover,
.theme-lumapps .widget--alert-content .block-page-preview__content a:hover {
    color: #FFFFFF;
}

.content-block-tags {
    margin-bottom: 24px;
    margin-top: 24px;
}

.content-block--default-style.content-block--theme-light .content-block-tags {
    margin-bottom: 16px;
    margin-top: 16px;
}

.content-block-tags__prefix {
    display: none;
}

.content-block-tags__tag {
    border: 4px solid #FFFFFF;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: normal;
}

.content-block--default-style.content-block--theme-light .content-block-tags__tag {
    border: 2px solid #613459;
    color: #613459 !important;
    padding: 4px 30px;
    font-size: 16px;
    font-weight: normal;
}

.widget--alerte-bar {
    border-radius: 5px;
}

.widget-content-list__tab {
    background-color: #FFFFFF;
    color: #613459;
    font-weight: normal !important;
    font-size: 18px !important;
    border-bottom: 1px solid #E7D2E3;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    text-transform: initial !important;
}

.widget-content-list__tab--is-selected {
    border-bottom: 4px solid;
    border-bottom-color: #613459 !important;
    font-weight: 700 !important;
}

.favorite-button__btn {
    color: #613459 !important;
}

.content-block--default-style.content-block--theme-light {
    border-bottom: none !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.widget-content-list__list--vertical {
    padding-bottom: 16px;
}

.content-block--default-style {
    padding-bottom: 0 !important;
}

.content-block--default-style.content-block--view-mode-highlight.content-block--size-l .content-block__thumbnail,
.content-block--default-style.content-block--view-mode-list.content-block--size-l .content-block__thumbnail {
    height: auto !important;
}

.content-block--default-style.content-block--theme-light .content-block-title a {
    color: #613459;
    font-size: 20px;
    margin-bottom: 8px;
}

.content-block--default-style:not(.content-block--view-mode-cover) .content-block-excerpt,
.widget--s .content-block--default-style.content-block--view-mode-cover .content-block-excerpt {
    font-size: 16px;
    color: #707070;
}

.content-block--default-style:not(.content-block--view-mode-cover) .content-block-publication-date,
.content-block--default-style:not(.content-block--view-mode-cover) .content-block-views,
.widget--s .content-block--default-style.content-block--view-mode-cover .content-block-publication-date,
.widget--s .content-block--default-style.content-block--view-mode-cover .content-block-views {
    font-size: 14px;
}

.content-block--default-style.content-block--view-mode-highlight .content-block__fields,
.content-block--default-style.content-block--view-mode-list .content-block__fields {
    padding: 16px;
}

.content-block--default-style .content-block-social {
    margin-top: 8px;
}

.like-button--theme-light .like-button__btn {
    color: #613459 !important;
}

.like-button__btn span {
    font-size: 14px;
}

.comment-button.comment-button--theme-light {
    color: #613459 !important;
}

.comment-button span {
    font-size: 14px;
}

.widget--responsive-button .widget-content {
    display: flex;
    align-items: center;
}

.community-block.community-block--view-mode-list.community-block--view-mode-variant-ungroup {
    background-color: #613459;
}

.widget-community-list.widget-community-list--view-mode-list.widget-community-list--view-mode-variant-group .widget-content {
    background-color: #613459;
}

.community-block--theme-light .community-block__title {
    color: #FFFFFF !important;
}

.community-block--theme-light .community-block__title:hover {
    color: #FFFFFF !important;
}

.community-block__content {
    color: #FFFFFF !important;
}

.follow-button--size-s.follow-button--view-mode-extended.follow-button--not-followed .follow-button__subscribe {
    height: 28px;
    width: 100px;
    background-color: #FFFFFF;
    color: #707070;
    font-size: 14px;
}

.follow-button--size-s.follow-button--view-mode-extended.follow-button--not-followed .follow-button__subscribe:hover {
    background-color: #707070;
    color: #FFFFFF;
}

.follow-button.follow-button--view-mode-extended.follow-button--is-followed {
    background-color: #FFFFFF;
    color: #707070;
    font-size: 14px;
}

.follow-button.follow-button--view-mode-extended.follow-button--is-followed:hover {
    color: #FFFFFF;
}

.content-block-excerpt--formatted hr,
.widget-html__content hr,
.widget-html__wysiwyg .fr-view hr,
.widget-tip__content hr,
.widget-tip__wysiwyg .fr-view hr,
.block-html hr {
    border-bottom: 1px solid #E7D2E3;
}

.widget--events-cards .content-block__fields {
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-block__fields {
    padding: 16px;
}

.widget-slideshow {
    padding: 0;
}

.widget-slideshow--group-by-4 .widget-slideshow__block:first-child {
    padding-left: 0;
}

.widget-slideshow--group-by-4 .widget-slideshow__block:last-child {
    padding-right: 0;
}

.widget--events-cards .content-block--default-style.content-block--theme-light .content-block-title a {
    color: #707070;
}

.widget--events-cards .content-block--default-style.content-block--theme-light .content-block-title a:hover {
    color: #C4C4C4;
}

.widget--ressources-utiles-rh .directory-entry-block--view-mode-list .directory-entry-block__actions {
    display: none;
}

.widget--communautes-title .widget-title__input,
.widget-title__title {
    font-size: 32px;
    color: #613459;
    font-weight: lighter;
}

.widget--communautes-liens-utiles .widget-links__thumbnail {
    border-radius: 0;
}

.widget--communautes-liens-utiles .widget-links__title {
    color: #FFFFFF;
}

.widget--communautes-liens-utiles .widget-links__title:hover {
    color: #FFFFFF !important;
}

.widget--communautes-liens-utiles .widget-links__description {
    color: #FFFFFF;
}

.widget--communautes-liens-utiles .widget-links__link:hover {
    color: #FFFFFF;
}

.widget--theme-light .widget-links__list li:after,
.theme-lumapps .widget-links .lumx-divider {
    display: none;
}

.widget--communautes-liens-utiles .widget-links__link:hover ~ .widget-links__wrapper > .widget-links__title {
    color: #FFFFFF !important;
}

.widget--communautes-suggestions .community-block.community-block--view-mode-grid {
    background-color: #FFFFFF;
}

.widget--communautes-suggestions .community-block--view-mode-grid .community-block__wrapper {
    padding: 8px 24px 24px 24px;
}

.widget--communautes-suggestions .community-block--theme-light .community-block__title {
    color: #613459 !important;
    margin-bottom: 16px;
}

.widget--communautes-suggestions .community-block--theme-light .community-block__content {
    font-size: 16px;
}

.widget--communautes-suggestions .follow-button--size-s.follow-button--view-mode-extended.follow-button--not-followed .follow-button__subscribe {
    background-color: #613459;
    color: #FFFFFF;
    font-size: 16px;
}

.widget--communautes-suggestions .follow-button--size-s.follow-button--view-mode-extended.follow-button--not-followed .follow-button__subscribe:hover {
    background-color: #872175;
}

.widget--vignette-actualite .widget-content .widget-wrapper .widget-transclude .widget-featured-image__image {
    height: 400px !important;
}

.widget--titre-actualite .widget-title__title {
    color: #FFFFFF;
    text-transform: uppercase;
}

.widget--description-actualite .widget-intro__content {
    font-size: 20px;
    font-weight: normal;
    color: #707070
}

.widget--description-actualite-new .widget-intro__content {
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
}

.widget--actualites-suggested .content-block--default-style.content-block--theme-light {
    background-color: #FFFFFF;
}

.widget--metadonnee-actualite .widget-meta-metadata {
    color: #C4C4C4;
}

/* *************************************** */
/* Header */
/* *************************************** */

.header--reworked-ui .header-top__wrapper {
    width: 1360px;
}

.header-main-nav .main-nav__wrapper {
    width: 1330px;
}

.main-nav-item__label:hover,
.main-nav-item__label:active,
.main-nav-item__label:visited {
    font-weight: 500 !important;
}

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

@media (max-width: 1370px) {
    .header--reworked-ui .header-top__wrapper {
        width: 1205px;
    }

    .header-main-nav .main-nav__wrapper {
        width: 1180px;
    }
}

/* *************************************** */
/* Footer */
/* *************************************** */

.main-footer {
    width: 100%;
    background-color: #474747;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 95px;
}

.logo-footer {
    width: 140px;
    height: 66px;
    align-self: flex-start;
}

.lists {
    display: flex;
    justify-content: flex-start;
}

.list-links {
    list-style-type: none;
    margin-right: 100px;
}

.li-link {
    margin-bottom: 12px;
}

li:last-child {
    margin-bottom: 0;
}

.link {
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 24px;
}

.link:hover {
    text-decoration: underline;
}

.social-links {
    height: 105px;
    width: 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 63.99em) {
    .main-footer {
        padding: 24px 16px !important;
    }

    .logo-footer {
        width: 100px !important;
        height: 50px !important;
        margin-right: 24px !important;
    }

    .lists {
        flex-direction: column !important;
    }

    .list-links {
        margin-right: 24px;
    }

    .social-links {
        height: 200px;
    }

    .instance-logo {
        max-width: 120px;
    }
}