/**
 * @env: lumapps-eu
 * @customerName: LumApps SE
 * @customerId: 5807129204097024
 * @account: admin@product.lumapps.com
 *
 * @instanceName: LumApps Essentials Master
 * @instanceId: 4949368736055296
 *
 * @styleName: covid-style
 * @styleId: 5512318689476608
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites-eu.lumapps.com/a/lumapps-se/lumapps-essentials-master
 * NGI version: vanessa.verriere@lumapps.com
 * Updated On: 2023-02-07
 */

/* *************************************** */
/* Font imports
/* *************************************** */

@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600&family=Poppins:wght@100;300;400&display=swap');

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

/*--- BASE STYLES */
body.theme-material {
    font-family: 'Epilogue', sans-serif;
    background-color: #FFFFFF;
}

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

/*--- BASE STYLES */
:root {
    --lumx-typography-font-family: 'Epilogue', sans-serif;
    --lumx-app-background: #ffffff;
    --lumx-app-header-logo-height: 42px;
}

/*--- GLOBAL STYLES */

/* Widget Title Custom Font Size */
.theme-lumapps .widget-title {
    --lumx-typography-custom-title1-font-size: 40px;
}

/* Custom display of employee news on Homepage */
.theme-lumapps .widget--hp-employee-news .block-grid__item {
    background-color: #ffffff;
    padding: 24px;
}

/* Custom the color of the cicles of links widgets */
.theme-lumapps .color-bubble-letter {
    background-color: #ed1849 !important;
}

.theme-lumapps .widget-content-list {
    /* colors */
    --lumx-content-block-title-theme-light-color: #261656;
    --lumx-button-emphasis-low-state-default-theme-light-color: #856BD9;
    /* colors */
    --lumx-typography-custom-title3-font-family: 'Epilogue', sans-serif;
    --lumx-typography-custom-title3-font-size: 32px;
    --lumx-typography-custom-title3-font-weight: 500;
    --lumx-typography-custom-title3-line-height: 40px;
    /* title4 */
    --lumx-typography-custom-title4-font-family: 'Epilogue', sans-serif;
    --lumx-typography-custom-title4-font-size: 24px;
    --lumx-typography-custom-title4-line-height: 30px;
    /* body */
    --lumx-typography-custom-body-font-size: 14px;
}

.theme-lumapps .widget-content-list .block-page-preview--theme-light .block-page-preview__excerpt {
    color: #261656;
}

.theme-lumapps .component-cell--onboarding-journey .widget--find-out-more {
    justify-content: space-between;
}

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

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

/*--- GLOBAL STYLES */

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

/* Widget Title Custom Font Size */
.widget-title__title {
    font-size: 40px !important;
}

/* Custom display of employee news on Homepage */
.widget--hp-employee-news .content-block {
    background-color: #ffffff;
    padding: 24px !important;
}

/* Custom the color of the cicles of links widgets */
.color-bubble {
    background-color: #ed1849 !important;
}

/* widget content list slideshow footer */
.widget-content-list--slideshow .widget-footer .widget-footer__link.widget-footer__label,
.theme-lumapps .widget-content-list .widget-footer__label {
    color: #FF0030 !important;
}

.widget-content-list--slideshow .widget-footer,
.theme-lumapps .widget-content-list .widget-footer,
.widget--hp-employee-news .widget-footer {
    justify-content: center !important;
}

.widget-content-list--slideshow .widget-footer__wrapper--layout-right,
.theme-lumapps .widget-footer__wrapper--layout-right {
    border-color: #FF0030 !important;
}

.widget-content-list--slideshow .widget-footer__wrapper--layout-right:hover,
.theme-lumapps .widget-footer__wrapper--layout-right:hover {
    background-color: #FF0030 !important;
}

.widget-content-list--slideshow .widget-footer__wrapper--layout-right:hover .widget-footer__link.widget-footer__label,
.theme-lumapps .widget-footer__wrapper--layout-right:hover .widget-footer__label {
    color: white !important;
}

/* widget hp employee news */
.widget--hp-employee-news .widget-header .widget-header__title {
    color: #FF0030 !important;
}

.widget--hp-employee-news .widget-header .widget-wrapper {
    padding-bottom: 0;
    margin-bottom: -10px;
}

.widget-content-list--slideshow .widget-header__title,
.widget-content-list .widget-header__title {
    font-weight: 600 !important;
    font-size: 30px !important;
    letter-spacing: -1px;
}

.widget-wrapper.widget-header__wrapper,
.widget-header__wrapper {
    padding: 12px 0 5px;
}

/* content block */
.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .user-block .user-block__wrapper .user-block__primary-field {
    font-size: 14px;
    color: #261656;
}

.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .user-block .user-block__wrapper .user-block__secondary-field {
    color: #261656;
    font-size: 14px;
}

.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .content-block-title a {
    margin: 20px 0;
    color: #261656 !important;
    font-size: 24px;
    line-height: 30px;
}

.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .content-block-excerpt,
.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .block-page-preview__excerpt {
    color: #261656 !important;
    font-size: 14px;
    margin-bottom: 15px;
}

.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .content-block-metadata {
    color: #856BD9 !important;
    font-size: 12px;
    font-style: normal;
}

.content-block.content-block--default-style.content-block--theme-light.content-block--view-mode-block .content-block-social__like-button .like-button button {
    color: #856BD9 !important;
}

/* content list list */
.widget-content-list__list .widget-slideshow.widget-slideshow--slideshow.widget-slideshow--theme-light .content-block.content-block--default-style.content-block--theme-light {
    border: 1px solid #FF0030;
    padding: 20px;
}

/* community */
.widget--specific-community-post-list.widget--has-header .widget-header__title {
    color: #261656 !important;
}

.widget--it-hub-img .widget-content .widget-wrapper .widget-html__content.fr-element {
    overflow: hidden;
}

.widget--news-banner,
.widget--communities-banner {
    margin-top: -36px;
}

.widget--Learning-banner {
    margin-top: -35px;
}

@media only screen and (min-width: 600px) {
    .widget--news-banner,
    .widget--communities-banner {
        margin-top: -24px;
    }

    .widget--Learning-banner {
        margin-top: -23px;
    }
}

.component-cell--onboarding-journey .widget--onboarding-journey-box {
    min-height: 272px;
}

.component-cell--onboarding-journey .widget--find-out-more {
    min-height: 370px;
}

.widget--new-starter-tools-resources {
    min-height: 309px;
}

.widget--new-starter-tools-resources img {
    width: auto !important;
}

.component-row--new-starter-presentations .component-widget a {
    white-space: nowrap;
}

@media only screen and (min-width: 1010px) {
    .widget--peoplewidget {
        min-height: 290px;
    }
}

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

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

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

.header-main-nav {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #F0F2F6;
}

.searchbox {
    background-color: #ECE8F9;
    font-family: 'Epilogue', sans-serif;
}

.header--reworked-ui .header-top__search {
    margin-right: 7px;
}

.header-top__contribution .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light {
    background-color: #FF0030;
}

.header-top__contribution .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light:hover {
    opacity: .7;
    background-color: #FF0030;
}

.main-nav .main-nav-item__label {
    font-weight: 300;
    color: #0516AA !important;
}

.main-nav .main-nav-item__label:hover {
    color: #261656 !important;
    text-decoration: underline;
}

.main-nav .main-nav-item--is-active {
    font-weight: 500;
}

.main-nav .main-nav-item--is-active .main-nav-item__label {
    font-weight: 700;
    color: #261656;
}

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

.footer {
    padding: 40px 0;
    background-color: #f6f6f6;
}

.footer .wrapper {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .footer ul {
        display: inline-block !important;
    }
}

.footer img {
    width: 200px;
    margin-right: 60px;
}

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

.footer ul li {
    display: flex;
    margin-right: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #FFF !important;
}

.footer .wrapper a {
    color: #373736;
    text-decoration: none;
}

.footer .wrapper a:hover {
    transition: all .4s ease-in-out;
    opacity: .7;
}

/*.footer img {
    max-width: 100%;
}
*/

/* *************************************** */
/* Unavailable widget as of (date) */
/* *************************************** */

/* widget calendar */
.widget-calendar h2 {
    font-size: 32px;
}

.widget-calendar .widget-calendar-planning__date {
    background-color: #FF0030;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    min-height: 100px;
}

.widget-calendar .widget-calendar-planning__date-day {
    font-size: 45px;
    order: 1;
    color: white !important;
    line-height: 45px;
    margin-bottom: -7px;
    font-weight: 700;
}

.widget-calendar .widget-calendar-planning__date-weekday {
    font-size: 16px;
    order: 2;
    color: white !important;
}

.widget-calendar .widget-calendar-planning__event-details {
    border: 1px solid #FF0030;
    background-color: white;
}

.widget-calendar .widget-calendar-event {
    background-color: white !important;
    padding: 15px;
}

.widget-calendar .widget-calendar-event .widget-calendar-event__summary {
    font-size: 24px;
    color: #261656;
}

.widget-calendar .widget-calendar-event .widget-calendar-event__dates {
    font-size: 12px;
    color: grey;
}

.widget-calendar .widget-more {
    background-color: transparent;
}

.widget-calendar .widget-more a {
    border: 1px solid red;
    max-width: 95px;
    margin: 0 auto;
}

.widget-calendar .widget-more .lumx-icon,
.widget-calendar .widget-more span {
    color: #FF0030;
}

/* widget content list slideshow */
.widget-content-list--slideshow.widget--l .widget-slideshow__controls .widget-slideshow__nav.widget-slideshow__nav--prev,
.widget-content-list--slideshow.widget--l .widget-slideshow__controls .widget-slideshow__nav.widget-slideshow__nav--next,
.widget-content-list--slideshow.widget--m .widget-slideshow__controls .widget-slideshow__nav.widget-slideshow__nav--prev,
.widget-content-list--slideshow.widget--m .widget-slideshow__controls .widget-slideshow__nav.widget-slideshow__nav--next {
    background-color: #FF0030 !important;
}

/* *************************************** */
/* Deprecied in v2 */
/* *************************************** */

.searchbox .lumx-text-field__input-native input,
.searchbox .lumx-text-field__input-native input::placeholder {
    font-family: 'Epilogue', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #856BD9;
    letter-spacing: -1px;
}

.searchbox .lumx-text-field__input-icon {
    color: #0516AA;
}

.header-top__wrapper .lumx-button--variant-icon {
    color: #0516AA;
}

/* *************************************** */
/* NOT FOUND */
/* *************************************** */

/* help hints */
.component-row--help-hints {
    background-color: rgb(255, 0, 48) !important;
    overflow: hidden;
}

.component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget .widget-html__content p:nth-child(2) {
    text-align: center !important;
}

.component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget .widget-html__content p:nth-child(2) a {
    border: 1px solid white;
    padding: 7px;
    border-radius: 5px;
    display: inline-block;
}

.component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget .widget-html__content p:nth-child(2) a:hover {
    text-decoration: none;
    background-color: #FF0030;
}

@media only screen and (min-width: 600px) {
    .component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget {
        margin: -42px 0 0 0;
    }

    .component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget img {
        width: 647px !important;
        max-width: 647px;
    }

    .component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget .widget-html__content span {
        font-size: 38px !important;
    }

    .component-row--help-hints .component-cell__component:nth-child(4) .component-cell__component .component-widget .widget-html__content p:nth-child(2) {
        margin-top: 50px;
        text-align: right !important;
    }
}

@media only screen and (min-width: 1028px) {
    .component-row--help-hints .component-cell__component:nth-child(2) .component-row__wrapper:nth-child(1) {
        margin-bottom: -35px;
    }
}

@media only screen and (max-width: 1027px) {
    .component-row--help-hints .component-cell__component:nth-child(2) .component-cell .component-widget,
    .component-row--help-hints .component-cell__component:nth-child(3) .component-cell .component-widget {
        margin-bottom: -10px;
    }
}

/* latest jobs */
.component-row--latest-jobs .widget-html__content.fr-element a {
    color: #261656 !important;
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
}

.component-row--latest-jobs .widget-html__content.fr-element span {
    color: #261656 !important;
    font-size: 14px;
}

.component-row--latest-jobs .widget-html__content p span strong {
    margin: 0 0 20px;
    font-weight: 600 !important;
    font-size: 30px !important;
    letter-spacing: -1px;
    display: inline-block;
}

.component-row--latest-jobs .component-cell--all-latest-jobs .widget-html__content.fr-element a {
    border: 1px solid #FF0030;
    color: #FF0030 !important;
    background-color: white;
    font-size: 13px !important;
    padding: 8px 16px;
    display: inline-block;
}

.component-row--latest-jobs .component-cell--all-latest-jobs .widget-html__content.fr-element a:hover {
    color: white !important;
    background-color: #FF0030;
    text-decoration: none;
}

@media only screen and (min-width: 600px) {
    .component-row--latest-jobs .component-cell .component-row__grid .component-cell,
    .component-row--latest-jobs .cell .component-row__grid .cell {
        border-right: 1px solid #856BD9;
    }

    .component-row--latest-jobs .component-cell .component-row__grid .component-cell:last-child {
        border-right: none;
    }
}

/* calendar tweets */
.component-row--calendar-tweets {
    background-color: #F4F4F4 !important;
    padding-bottom: 30px;
}

.component-row--calendar-tweets .widget-html__content.fr-element {
    border: 1px solid #FF0030;
    background-color: white;
}

/* company news */
.component-row--company-news .content-block,
.component-row--company-news .block-page-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
}

.component-row--company-news .content-block .content-block__thumbnail,
.component-row--company-news .content-block .block-page-preview__thumbnail-wrapper {
    order: 2;
}

.component-row--company-news .content-block .content-block__fields,
.component-row--company-news .content-block .block-page-preview__content {
    order: 1;
}

.component-row--company-news .content-block .content-block-social__like-button {
    position: absolute;
    bottom: 11px;
}

.component-row--company-news .widget-header__title {
    margin: 10px 0 -10px;
}

/* footer links */
.component-row--footer-links {
    margin-top: 0 !important;
}

@media only screen and (min-width: 600px) {
    .component-row--footer-links {
        height: 79px;
    }
}

.component-cell--footer-links-inner {
    margin-top: -22px;
}

@media only screen and (max-width: 600px) {
    .widget--footer-links-list table tr td {
        width: 100% !important;
        display: block;
    }
}