/* *****************************************
 * DOCUMENT INFORMATION
 * @env: lumsites
 * @customerName: The Glass Guru
 * @customerId: 6644730017611776
 * @account: admin@theglassguru.com
 *
 * @instanceName: Guru HQ
 * @instanceId: 6565862841778176
 *
 * @styleName: Default
 * @styleId: 6133447900004352
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/theglassguru/intranet
 *
 * NGI version: sophie.christophe@lumapps.com
 * Updated On: sept 2022
 * Last Modified: feb 2026
 ****************************************** */


/* ====================================== */
/* BASE / GLOBAL STYLES                   */
/* ====================================== */

/*--- H1 Block */
.block-title.block-title--theme-light {
    font-size: 2.3rem;
    font-weight: bold;
    color: #333333;
}

/*--- Franchise Title */
.widget--franchise-title .block-title.block-title--theme-light {
    text-transform: uppercase !important;
    font-size: 24px;
    color: rgb(0, 119, 183);
    font-weight: 700 !important;
}

.widget--franchise-title .widget-content--block-title {
    text-transform: center !important;
    align-items: center !important;
}

/*--- User Directory */
[class*="user-directory-page__user-directory-title"] {
    color: #FFFFFF !important;
}

[class*="user-directory-page"] .lumx-button--color-dark.lumx-button--emphasis-low {
    color: #FFFFFF !important;
}


/* ====================================== */
/* LOGIN PAGE                             */
/* ====================================== */

/* Hide the original login logo */
.page-card.login-page .login-page__logo {
    display: none;
}

/* Custom login logo */
.page-card.login-page::before {
    content: '';
    display: block;
    width: 200px;
    height: 100px;
    background-image: url('https://hq.theglassguru.com/serve/6644730017611776-3686587815842533/guru_hq_2024_blue_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    margin-top: 0px;
}

/* Hide original newsletter logo */
img[src="https://hq.theglassguru.com/serve/6644730017611776-2993293050152083=s512"] {
    display: none !important;
}


/* ====================================== */
/* CONTENT LISTS                          */
/* ====================================== */

/*--- Centered Titles — Content Lists (Resources) */
.widget--content-list-center-title .content-block-title a,
.widget--content-list-center-title .content-block-title,
.widget--content-list-center-title .block-page-preview__title {
    text-align: center !important;
}

/*--- Centered Titles — Community Lists */
.widget--community-list-center-title .block-community-preview__title {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

.widget--community-list-center-title .block-community-preview__content {
    align-items: center !important;
}

/*--- Grey Background Content List (v2) */
.widget--grey-content-list-v2 .content-block--default-style {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.widget--grey-content-list-v2 .lumx-divider {
    display: none;
}

.widget--grey-content-list-v2 .content-block__fields,
.widget--grey-content-list-v2 .block-page-preview__content {
    padding: 20px;
    background: #f4f4f4;
    border-bottom: 0px;
}

/*--- Grey Background Content List (v1 — Deprecated: to remove) */
.widget--grey-content-list .content-block__fields {
    padding: 0 20px 20px;
    background: #f4f4f4;
}

.widget--grey-content-list .content-block--default-style.content-block--theme-light {
    background: #f4f4f4;
}

/*--- Fix: Remove scrollbar on curated Content Lists (Select content) */
.widget-content-list .widget-content {
    overflow: visible !important;
}

.widget-content-list.widget--view-mode-grid > .widget-content {
    overflow: visible !important;
}


/* ====================================== */
/* IFRAME CONTAINERS                      */
/* ====================================== */

/*--- Standard 16:9 */
.iframe-container {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*--- Portrait (8.5 x 11) */
.widget--letter-size2-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 129.41%;
    height: 0;
    overflow: hidden;
}

.widget--letter-size2-wrapper iframe.widget--letter-size2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}

/*--- Landscape (11 x 8.5) */
.widget--letter-landscape-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 77.27%;
    height: 0;
    overflow: hidden;
}

.widget--letter-landscape-wrapper iframe.widget--letter-landscape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}

/*--- Slide Deck (16:9) */
.widget--slide-deck-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.widget--slide-deck-wrapper iframe.widget--slide-deck {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/* ====================================== */
/* BUTTONS                                */
/* ====================================== */

/*--- Default Button */
button {
    background-color: #2eb71b;
    border-radius: 0px;
    border-style: none;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
    padding: 10px;
}

button:hover {
    background-color: #0077b7;
}

/*--- Paperform Button */
button[data-paperform-id] {
    background-color: #2eb71b;
    border-radius: 0px;
    border-style: none;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
    padding: 10px;
    width: 85%;
}

button[data-paperform-id]:hover {
    background-color: #0077b7;
}

/*--- New Variant Button */
button[new] {
    background-color: #1a73e8;
    color: #ffffff;
    padding: 10px;
    min-width: 250px;
    width: auto;
}

button[new]:hover {
    background-color: #000000;
}

/*--- Looker Button */
button[looker] {
    background-color: #ff5722;
    color: #ffffff;
    padding: 10px;
    min-width: 250px;
    width: auto;
}

button[looker]:hover {
    background-color: #e64a19;
}

/*--- Back to Top / Back Button Spacing */
#backToTopButton,
#backButton {
    padding: 8px 16px !important;
    width: 110px !important;
}


/* ====================================== */
/* CUSTOM NEWS SLIDESHOW (Dashboard/Finance Templates) */
/* ====================================== */

@media (min-width: 481px) {
    .widget--custom_news .widget-slideshow__wrapper,
    .widget--custom_news .lumx-slideshow__wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 2fr));
        grid-template-rows: 1fr;
        gap: 24px !important;
        grid-auto-flow: row;
        grid-template-areas: "Content-1 Content-2 Content-3";
    }

    .widget--custom_news .widget-slideshow__block:nth-child(1) {
        grid-area: Content-1;
        height: 100%;
    }

    .widget--custom_news .widget-slideshow__block:nth-child(2) {
        grid-area: Content-2;
        height: 100%;
    }

    .widget--custom_news .widget-slideshow__block:nth-child(3) {
        grid-area: Content-3;
        height: 100%;
    }

    .block-slideshow--with-navigation .block-page-preview--cover.block-page-preview--size-xs .block-page-preview__content {
        padding: 120px 32px 32px 32px !important;
    }

    .widget--custom_news .widget-slideshow__controls {
        display: none;
    }

    .widget--custom_news .content-block--background-thumbnail .content-block__thumbnail {
        align-items: flex-end;
        height: 100%;
    }

    .widget--custom_news .content-block-title,
    .widget--custom_news .block-page-preview__title {
        font-size: var(--lumx-typography-custom-title4-font-size) !important;
        line-height: var(--lumx-typography-custom-title4-line-height) !important;
    }

    .widget--custom_news .content-block-excerpt,
    .widget--custom_news .block-html.block-html--dark {
        font-size: var(--lumx-typography-custom-body-font-size) !important;
    }

    .widget--custom_news .block-slideshow--size-l.block-slideshow--cover .block-slideshow__controls {
        display: none;
    }

    .widget--custom_news .block-page-preview--cover .block-page-preview__field {
        margin-right: 0px !important;
        text-align: center !important;
    }
}


/* ====================================== */
/* BREADCRUMBS                            */
/* ====================================== */

#custom-breadcrumbs {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
}

#custom-breadcrumbs a {
    color: #007bff;
    text-decoration: none;
    padding: 0 5px;
}

#custom-breadcrumbs a:hover {
    text-decoration: underline;
}

#custom-breadcrumbs span {
    padding: 0 5px;
}

#custom-breadcrumbs .breadcrumb-separator {
    margin: 0 5px;
}


/* ====================================== */
/* FIELD SERVICE SUPPORT HOTLINE HEADER   */
/* ====================================== */

.centered-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.centered-header::-webkit-scrollbar {
    display: none;
}


/* ====================================== */
/* DEPRECATED — Unavailable as of Sept 2022 */
/* ====================================== */

.widget--sub-nav-center-links a.widget-sub-nav__link {
    justify-content: center;
}