/* *****************************************
- DOCUMENT INFORMATION
- Designer:
- NGI version: wesley.harris@ascension.org
- Updated On: August 15, 2023
****************************************** */

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

@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;700&family=Roboto:wght@400;700&display=swap');

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

/*--- BASE STYLES */
body.theme-material {
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
}

/*--- NATIVE UI ELEMENTS OVERRIDES */

/* Header content styles */
.theme-material h1, .theme-material h2, .theme-material h3,
.theme-material h4, .theme-material h5, .theme-material h6 {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 700 !important;
}

/* Bold font style */
b, strong {
    font-weight: 700 !important;
}

/*--- GLOBAL STYLES */

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

/*--- BASE STYLES */
:root {
    --lumx-typography-font-family: 'Roboto', sans-serif;
    --lumx-typography-font-weight-regular: 400;
    --lumx-typography-font-weight-bold: 700;
    /* widget header */
    --lumx-widget-header-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-interface-subtitle2-font-weight: 700;
    /* titles */
    --lumx-typography-custom-title1-font-weight: 700;
    --lumx-typography-custom-title2-font-weight: 700;
    --lumx-typography-custom-title3-font-weight: 700;
    --lumx-typography-custom-title4-font-weight: 700;
    --lumx-typography-custom-title5-font-weight: 700;
    --lumx-typography-custom-title6-font-weight: 700;
    /* publication date */
    --lumx-typography-custom-publish-info-font-weight: 700;
    /* metadata */
    --lumx-typography-custom-metadata-font-style: normal;
    --lumx-typography-custom-metadata-font-weight: 500;
}

.theme-lumapps h1, .theme-lumapps h2, .theme-lumapps h3,
.theme-lumapps h4, .theme-lumapps h5, .theme-lumapps h6 {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 700;
}

.theme-lumapps h1.block-title {
    font-size: 24px;
}

.theme-lumapps .widget-html__content,
.theme-lumapps .block-html {
    --lumx-typography-custom-title1-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-custom-title2-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-custom-title3-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-custom-title4-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-custom-title5-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-custom-title6-font-family: 'Frank Ruhl Libre', serif;
}

.theme-lumapps .widget-title {
    --lumx-typography-custom-title1-font-family: 'Frank Ruhl Libre', serif;
    --lumx-typography-custom-title1-font-weight: 700;
}

.lumx-link__content {
    font-size: 16px;
    font-weight: 500;
}

.lumx-text--is-truncated {
    font-size: 14px;
}

/*--- NATIVE UI ELEMENTS OVERRIDES */

.theme-lumapps .layout {
    margin-top: 12px;
}

.theme-lumapps .block-html table {
    min-width: 100%;
}

/*--- GLOBAL STYLES */

.theme-lumapps .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-bottom {
    align-items: flex-start;
}

.theme-lumapps #title-center .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-bottom {
    align-items: center;
}

.theme-lumapps .widget--shared-content-list-back .content-block--default-style.content-block--theme-light .content-block-title a:before {
    padding-right: 5px;
}

.theme-lumapps .widget--shared-content-list-back.widget--theme-light .block-page-preview__title a:before {
    content: "\1F868   Back to";
    padding-right: 5px;
    color: var(--lumx-color-primary-N);
    font: normal normal normal 24px/1 Material Design Icons, 'Roboto', sans-serif;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
}

.theme-lumapps .widget--shared-content-list-back.widget--theme-light .block-page-preview__title a,
.theme-lumapps .widget--shared-content-list-back.widget--theme-light .block-page-preview__title a:before {
    color: var(--lumx-color-primary-N);
    font-size: 16px;
}

/*--- FIX */

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

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

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

.theme-lumapps .slide--slide-class-gold .lumx-thumbnail,
.theme-lumapps .slide--slide-class-blue .lumx-thumbnail,
.theme-lumapps .slide--slide-class-green .lumx-thumbnail {
    display: none;
}

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

/*--- BASE STYLES */

/*--- NATIVE UI ELEMENTS OVERRIDES */

/*--- GLOBAL STYLES */

/* Widget header title font styles */
.widget-header__title,
.widget-title__title {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 700 !important;
}

/* Slideshow alignment  */
.header-default__content,
.header-slideshow__content,
.content-header-overlay__wrapper {
    right: 0;
    top: 0;
    justify-content: center;
}

.lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-bottom {
    justify-content: center;
}

/* Secondary slideshow title font styles */
.content-header-overlay__description,
.header-default__subtitle,
.header-slideshow__subtitle {
    font-family: 'Roboto', serif !important;
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 23px;
    padding: 0 0 6px 0;
}

/* Position of header content centered within slideshow */
#title-center .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-bottom,
#title-center .lumx-flex-box--orientation-vertical.lumx-flex-box--v-align-left {
    align-items: center;
}

/* Removal of box shadow on widgets and main navigation */
.header-main-nav, .widget, .component-cell--is-plain > .component-cell__components, .main-nav {
    box-shadow: none !important;
}

/* Main sideshow title font style */
.content-header-overlay__title,
.header-default__title,
.header-slideshow__title {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 56px;
}

@media (max-width: 767px) {
    .content-header-overlay__title,
    .header-default__title,
    .header-slideshow__title {
        font-size: 2em;
    }
}

/* --- White Content Styles --- */
/* White unordered list and ordered list styles */
#white-content ul,
#white-content ol {
    color: #ffffff !important;
}

/* White link styles */
#white-content .widget-html__content a,
#white-content .widget-html__content a:hover,
#white-content .block-html a,
#white-content .block-html a:hover {
    color: #ffffff;
    text-decoration: underline !important;
}

/* White content styles for content items */
#white-content p,
#white-content p,
#white-content h1,
#white-content h2,
#white-content h3,
#white-content h4 {
    color: #ffffff;
}

/* White content styles for these global styles: Blue Arch Highlight, Green Arch Highlight, Violet Arch Highlight */
.widget--shared-blue-arch-highlight .widget-html__content a,
.widget--shared-blue-arch-highlight .widget-html__content a:hover,
.widget--shared-green-arch-highlight .widget-html__content a,
.widget--shared-green-arch-highlight .widget-html__content a:hover,
.widget--shared-violet-arch-highlight .widget-html__content a,
.widget--shared-violet-arch-highlight .widget-html__content a:hover,
.widget--shared-blue-arch-highlight .block-html a,
.widget--shared-blue-arch-highlight .block-html a:hover,
.widget--shared-green-arch-highlight .block-html a,
.widget--shared-green-arch-highlight .block-html a:hover,
.widget--shared-violet-arch-highlight .block-html a,
.widget--shared-violet-arch-highlight .block-html a:hover {
    color: #ffffff;
    text-decoration: underline !important;
}

/* Dark content on the gold background for the gold-arch-highlight style */
.widget--shared-gold-arch-highlight .widget-html__content a,
.widget--shared-gold-arch-highlight .widget-html__content a:hover,
.widget--shared-gold-arch-highlight .block-html a,
.widget--shared-gold-arch-highlight .block-html a:hover {
    color: #000000;
    text-decoration: underline !important;
}

/* Turns content white in the dark theme setting */
.widget--theme-dark.widget--shared-white-content {
    color: #ffffff;
}

.widget--theme-dark.widget--shared-white-content a,
.widget--theme-dark.widget--shared-white-content a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.widget--theme-dark.widget--shared-white-content a.widget-footer__link,
.widget--theme-dark.widget--shared-white-content a.widget-footer__link:hover,
.widget--theme-dark.widget--shared-white-content .widget-footer__label,
.widget--theme-dark.widget--shared-white-content .widget-footer__label:hover {
    color: #ffffff;
    text-decoration: none !important;
}

/* Style for widget title font all caps for the Title Blue Underline, Title Violet Underline, Title Green Underline, Title Gold Underline */
.widget--shared-title-blue-underline .widget-header__title,
.widget--shared-title-blue-underline .widget-title__title,
.widget--shared-title-violet-underline .widget-header__title,
.widget--shared-title-violet-underline .widget-title__title,
.widget--shared-title-green-underline .widget-header__title,
.widget--shared-title-green-underline .widget-title__title,
.widget--shared-title-gold-underline .widget-header__title,
.widget--shared-title-gold-underline .widget-title__title,
.widget--shared-small-caps-title .widget-title__title,
.widget--shared-small-caps-title .widget-header__title {
    font-family: 'Roboto', sans-serif !important;
    line-height: 15px;
    letter-spacing: 1.75px;
    text-transform: uppercase;
}

/* Style for HTML widget as a large solid link button - Large CTA */
.widget--shared-large-cta-button-html-widget h1,
.widget--shared-large-cta-button-html-widget h2,
.widget--shared-large-cta-button-html-widget h3,
.widget--shared-large-cta-button-html-widget h4,
.widget--shared-large-cta-button-html-widget p,
.widget--shared-large-cta-button-html-widget a {
    font-weight: 500 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: .04rem;
    text-decoration: none;
}

/* Style for HTML widget as a large solid link button no underline on hover - Large CTA */
.widget--shared-large-cta-button-html-widget a:hover {
    text-decoration: none;
}

/* Style for solid and hallow footer button links - Hollow Link, Solid Link and Large CTA */
.widget--shared-solid-link-button a.widget-footer__link.widget-footer__label,
.widget--shared-hollow-link-button a.widget-footer__link.widget-footer__label,
.widget--shared-large-cta-button a.widget-footer__link.widget-footer__label,
.widget--shared-solid-link-button .widget-footer__label,
.widget--shared-hollow-link-button .widget-footer__label,
.widget--shared-large-cta-button .widget-footer__label {
    text-transform: uppercase;
    letter-spacing: .04rem;
}

/* Style for hiding the icons for button links - Hollow Link, Solid Link and Large CTA */
.widget--shared-solid-link-button .widget-wrapper.widget-footer__wrapper i,
.widget--shared-hollow-link-button .widget-wrapper.widget-footer__wrapper i,
.widget--shared-large-cta-button .widget-wrapper.widget-footer__wrapper i {
    display: none;
}

/* Back style for the content list widget */
.widget--shared-content-list-back .content-block--default-style.content-block--theme-light .content-block-title a:before {
    content: "\1F868  Back to";
    color: var(--lumx-color-primary-N);
    font: normal normal normal 24px/1 Material Design Icons, 'Roboto', sans-serif;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
}

.widget--shared-content-list-back .content-block--default-style.content-block--theme-light .content-block-title a {
    color: var(--lumx-color-primary-N);
    font-size: 16px;
}

.widget--shared-content-list-back .content-block--default-style.content-block--theme-light .content-block-title a:hover,
.widget--shared-content-list-back .content-block--default-style.content-block--theme-light .content-block-title a:hover::before,
.theme-lumapps .widget--shared-content-list-back.widget--theme-light .block-page-preview__title a:hover,
.theme-lumapps .widget--shared-content-list-back.widget--theme-light .block-page-preview__title a:hover:before{
    color: #000;
    transition: all .2s ease-in-out;
}

/* Style for the metadata title - illinois */
.widget--shared-custom-metadata .widget-meta-metadata {
    font-weight: 500;
    letter-spacing: .5px;
    font-style: normal;
}

/* Custom slider classes */
.slide--slide-class-blue {
    background: #4b87db;
    background-repeat: no-repeat;
    background-size: 1128px;
    background-position: center;
}

.slide--slide-class-gold {
    background: #ffc333;
    background-repeat: no-repeat;
    background-size: 1128px;
    background-position: center;
}

.slide--slide-class-green {
    background: #33b9a7;
    background-repeat: no-repeat;
    background-size: 1128px;
    background-position: center;
}

@media (max-width: 1279px) {
    .slide--slide-class-gold,
    .slide--slide-class-blue,
    .slide--slide-class-green {
        background-size: 960px;
    }
}

@media (max-width: 1023px) {
    .slide--slide-class-gold,
    .slide--slide-class-blue,
    .slide--slide-class-green {
        background-size: 100%;
        background-position: center left 50px;
    }
}

/* Custom slider classes - NEW HEADER */
.slide--slide-class-gold img,
.slide--slide-class-blue img,
.slide--slide-class-green img {
    width: 1128px;
    margin: 0 auto;
    position: unset !important;
    min-height: unset !important;
    min-width: unset !important;
}

@media (max-width: 1279px) {
    .slide--slide-class-gold img,
    .slide--slide-class-blue img,
    .slide--slide-class-green img {
        width: 960px;
    }
}

@media (max-width: 1023px) {
    .slide--slide-class-gold .lumx-thumbnail__background,
    .slide--slide-class-blue .lumx-thumbnail__background,
    .slide--slide-class-green .lumx-thumbnail__background {
        padding: 0 40px;
    }

    .slide--slide-class-gold img,
    .slide--slide-class-blue img,
    .slide--slide-class-green img {
        width: 100%;
    }
}

/* Widget links - Hide thumbnail & 3 columns */
.widget--shared-links-widget-no-icons-3-columns .widget-links__thumbnail {
    display: none;
}

.widget--shared-links-widget-no-icons-3-columns .widget-links__list li::after {
    left: 0;
}

@media screen and (min-width: 1024px) {
    .widget--shared-links-widget-no-icons-3-columns .widget-links__list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 24px;
    }

    .widget--shared-links-widget-no-icons-3-columns .widget-links__list li {
        align-items: flex-start;
        margin-bottom: 0;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 24px;
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }

    .widget--shared-links-widget-no-icons-3-columns .widget-links__list li::after {
        display: none;
    }
}

.theme-lumapps .widget--shared-links-widget-no-icons-3-columns .generic-entity-block__thumbnail {
    display: none;
}

@media screen and (min-width: 1024px) {
    .theme-lumapps .widget--shared-links-widget-no-icons-3-columns .block-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 24px;
        --block-list-gap: none !important;
        gap: 0 !important;
    }

    .theme-lumapps .widget--shared-links-widget-no-icons-3-columns .block-list .block-list__item {
        border-left: 1px solid rgba(0, 0, 0, 0.12);
        padding: 8px 0 8px 24px;
    }

    .theme-lumapps .widget--shared-links-widget-no-icons-3-columns .lumx-divider {
        display: none;
    }
}
/***********12px spacing for Links, Content List and Directories widgets. Added by TMS 12/10/24*/
.block-list {
    --block-list-gap: var(--lumx-spacing-unit-medium) !important; 
}
/* *************************************** */
/* Miscellaneous */
/* *************************************** */

/* Remove hover state from images without links */
.fr-element img {
    cursor: auto;
}

.fr-element a img {
    cursor: pointer;
}

/* Javascript back style */
.js-back {
    font-weight: 500;
    font-size: 14px;
}

.js-back:hover {
    color: #000;
    text-decoration: none !important;
}

/* Being replaced below
.js-back::before {
    content: "\F004D";
    font: normal normal normal 14px/1 Material Design Icons;
    margin-right: 8px;
} */

.js-back::before {
    content: "\1F868";
    font: normal normal normal 14px/1 Material Design Icons;
    margin-right: 8px;
}

/* Icon color and image */
.color-bubble-letter span {
    color: transparent;
}
.color-bubble-letter {
    background-image: url("https://gdaintranet.ascension.org/serve/AMIfv94MqIimMA54MRl35_eMRkK8-ngam2nYoz5AMpGp06OjF34f4Olh64DQVVqHUiplpMLKF09UVPW_r3VuHIrQhlYq3coMp_v2XH7qjbz_Qi7TF-tPAPuXvBG3zlEg1Z185PVm6VrhPD9siEAM94AltF3T9fsM4jptM7nTIt9RpGdHQ2uJ6cQk_Klp6EHKcWSreq4RHHWOXi0ZHMgF9IARhI5Po8cb0wqRqz14PrcmnakPWU-RaQN4gR8O29ZXiutG5I2Wpz1ABx-alccjEt65ETD7X9kVIA/link-icon-arrow.png");
}

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

/* Move the logo to the left to align with the content */
.header-top__logo {
    margin-left: 16px;
}

/* Hide Currents icon from the bookmarks */
.bookmarked-apps-dropdown li.bookmark:nth-child(10) {
    display: none;
}

/* Hide the Create button from the header */
.header-top__contribution {
    display: none;
}

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

/* Footer styles */
footer .footer {
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #f4f4f4;
    padding: 20px 0;
}

.footer {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}

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

.footer img {
    margin-right: 10px;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center;
}

.footer ul li {
    display: inline-block;
    margin-right: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    float: none;
}

.footer .social-links {
    margin: 0 auto 20px;
    display: block;
    text-align: center;
}

.footer .social-links img {
    display: inline-block;
}

.footer .copyright {
    text-align: center;
    font-size: 13px;
    color: #000000;
    margin-top: 25px;
    padding: 0 20px;
}

.footer a {
    font-size: 1em;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

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

/* *************************************** */
/* Unavailable widget as of January 16th, 2023 */
/* *************************************** */

/* Sub-navigation style */
.widget-sub-nav__link--is-parent {
    background-color: #f4f4f4 !important;
    padding: 15px 5px;
    justify-content: center;
}

.widget-sub-nav__link--is-parent.widget-sub-nav__link span {
    font-size: 16px !important;
}

/* *************************************** */
/* Depreciated */
/* *************************************** */

/* Active style on main navigaton */
.main-nav-item--primary.main-nav-item--is-active .lumx-list-item__link .main-nav-item__label,
.main-nav-item--primary.main-nav-item--is-active .lumx-list-item__wrapper {
    color: #1e69d2 !important;
}

/* Weather Widget - Change the size of the temperature fonts */
.widget-weather__temp {
    font-size: 1rem !important;
}

/* Links Widget - Image Icon */
.widget-links__thumbnail span {
    color: transparent
}

.widget-links__thumbnail {
    background-image: url("https://gdaintranet.ascension.org/serve/AMIfv94MqIimMA54MRl35_eMRkK8-ngam2nYoz5AMpGp06OjF34f4Olh64DQVVqHUiplpMLKF09UVPW_r3VuHIrQhlYq3coMp_v2XH7qjbz_Qi7TF-tPAPuXvBG3zlEg1Z185PVm6VrhPD9siEAM94AltF3T9fsM4jptM7nTIt9RpGdHQ2uJ6cQk_Klp6EHKcWSreq4RHHWOXi0ZHMgF9IARhI5Po8cb0wqRqz14PrcmnakPWU-RaQN4gR8O29ZXiutG5I2Wpz1ABx-alccjEt65ETD7X9kVIA/link-icon-arrow.png")
}

/* Directory Widget - Image Icon */
.directory-entry-block__thumbnail span {
    color: transparent
}

.directory-entry-block__thumbnail {
    background-image: url("https://gdaintranet.ascension.org/serve/AMIfv95DZ-sQSgwQ9kp2yiH7SUtNWb0fXW-H3ujSk392IB770Zc0ah0C0MGLt6jYj6y7mSUO7eI9W2mqVgU0_6DR5d1xoia_3dBWD-JsBEEpFmjpE6SeTwM3HnzXfkFTfmPUEJKJsTc_lo01oi5nj2QBHNyj96d0kZNyHIZisew2ezwYPywx6rRKHsxhGlqGuTv1JWF5zCGapvNNfUiFdS0IJknjiS5u-Vf62ZsHxTuqx_rwKp8t9Kp47Uat667z54w2aPGrpArPxR07JaM4Ny6xEVlJqSKtBw/link-icon-external.png")
}

/* Depreciated in v2 */
/* Customize message when no access / no results */
.widget-file-list .no-results span::after {
    content: ". This folder is either empty or you don't have the required access to view the contents. To gain access to this content use the site navigation TECHNOLOGY TOOLS > Intranet > Intranet Drive Access.";
}

.widget-drive-file-preview .no-results span::after {
    content: ". You don't have the required access. To gain access to this content use the site navigation TECHNOLOGY TOOLS > Intranet > Intranet Drive Access.";
}

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

/* Removal of the background image for the mobile menu header */
.mobile-sidebar-header {
    background-image: none !important;
}

/* Widget links - Hide thumbnail */
.widget--links-no-icon .widget-links__thumbnail {
    display: none;
}

.widget--links-no-icon .widget-links__list li::after {
    left: 0;
}

/* Add horizontal scroll for AODocs widget */
.widget--aodocs-scroll .lumx-table--theme-light .lumx-table__cell--head {
    width: 175px;
}

/* Style for the metadata title */
#metadata-title .widget-meta-metadata {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 700 !important;
    font-size: 1.5rem;
    font-style: normal;
    color: #222222 !important;
}

/* Style for community posts - removes shadow and adds border */
#post-outline .post-block.post-block--view-mode-variant-ungroup {
    border-radius: 2px;
    border: 1px solid #ebebeb;
    box-shadow: none;
}

.widget--text-overlay {
    margin-left: -176px;
}

@media (max-width: 767px) {
    .widget--text-overlay {
        margin-left: 24px;
    }
}

/* White icons when using the white-content ID style */
.widget--shared-white-content .lumx-button--color-grey.lumx-button--emphasis-low,
.widget--shared-white-content .lumx-icon--color-grey.lumx-icon--no-shape {
    color: #ffffff;
}