/* *****************************************
- DOCUMENT INFORMATION
- NGI version: vanessa.verriere@lumapps.com
- Updated On: January 23th, 2023
****************************************** */

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

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;700&display=swap');

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

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

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

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

/*--- GLOBAL STYLES */
.theme-lumapps .widget--shared-titre-page,
.theme-lumapps .widget--shared-titre-page-light {
    --lumx-custom-title1-font-size: 46px;
    --lumx-custom-title1-font-weight: 600;
}

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

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

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

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

/*--- GLOBAL STYLES */
.widget-header__title {
    text-transform: uppercase;
}

/* Page title */
.widget--shared-titre-page .widget-title__title,
.widget--shared-titre-page-light .widget-title__title {
    font-size: 46px;
    font-weight: 600 !important;
}

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

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

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

/* Apps Bubbles */
.directory-entry-block__thumbnail,
.widget-links__thumbnail,
.color-bubble-letter {
    background-color: #2a294b !important;
}

/* Button Gradient */
.widget--button-home .widget-content {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #1f232c 100%);
}

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

/* Logo */
.header-top__logo a {
    padding: 4px !important;
}

/* Create button */
.lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-dark {
    background-color: #9F8F68 !important;
    color: #ffffff !important;
}

/* Display only home icon */
.main-nav__child--home span {
    display: none;
}

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

/* Main Navigation Uppercase */
.header-main-nav .main-nav__root > .main-nav__child > .main-nav__link-wrapper > .main-nav__link {
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Main Navigation Hover effect */
.lumx-list-item__link--is-highlighted {
    background-color: #efeae6 !important;
}

.main-nav-item--is-active a {
    border-bottom-color: #9F8F68 !important;
}

/* Sub-menu borders */
.lumx-dropdown__menu {
    border-radius: 4px;
}

.lumx-list-item__link:hover,
.lumx-list-item__link--is-highlighted {
    background-color: #efeae6;
}

.main-nav-item--secondary a {
    border-bottom-color: transparent !important;
}

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

.footer {
    margin: 0 !important;
}

.custom-footer {
    padding: 32px 0;
    background-color: #133491;
    overflow: hidden;
}

.footer-columns {
    display: flex;
    margin: 0;
}

.footer-column {
    flex: 1;
    padding: 0 8px;
}

.footer-column:last-child {
    border-right: none;
}

.footer-column__title {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 32px;
}

.footer-column__title a {
    color: #ffffff;
    text-decoration: none !important;
}

.footer-column__description {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 20px;
    text-align: right;
}

.footer-column__description a {
    padding: 0 4px;
}

.footer-column__description a img {
    width: 32px;
    display: inline;
}

span.footer-column__title {
    display: inline;
}

@media (min-width: 80em) {
    .custom-wrapper {
        width: 1128px;
    }
}

@media (max-width: 80em) {
    .custom-wrapper {
        padding: 0 30px;
    }
}

@media (min-width: 64em) {
    .custom-wrapper {
        margin-right: auto;
        margin-left: auto;
    }
}

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

.widget--shared-widget-blue h2.widget-header__title:after,
.widget--shared-widget-post-list-white h2.widget-header__title:after {
    background: #ffffff;
}
