/* Custom Fonts ----------------------- */
@font-face {
    font-family: 'Exo';
    font-weight: 400;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Exo-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Exo';
    font-weight: 500;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Exo-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Exo';
    font-weight: 600;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Exo-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Roboto-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Roboto-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 600;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Roboto-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    src: url('/clientportal/s/sfsites/c/resource/ExoFont/Roboto-Black.woff') format('woff');
}
.themeLayoutStarterWrapper {
    padding-top: 36px !important;
}
/* Typography ----------------------- */
body h1,
body h2,
body h3,
body h4,
body h5, 
body h6,
.forceCommunityThemeNav .mainNavItem {
    font-family: 'Exo', 'Roboto', 'sans-serif';
}
h1,h2,h3,h4,h5,h6,p {
    word-break: break-word;
}
.comm-page-usersettings h1.texttitle,
body h2 {
    color: #21212B;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px; /* 83.333% */
}
/* ensure titles in error Toast use white */
.slds-theme_error h2 {
    color: #FFFFFF;
    font-weight: normal;
}

/* workaround to hide "Change Owner" option in action menus */
div.actionMenu li:has( div[title='Change Owner']) {
    display:none;
}

/* Buttons ---------------------- */
lightning-button.edit-goal .slds-button,
lightning-button.edit-profile .slds-button,
lightning-button.learn-more .slds-button {
    color: #ED3563 !important;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
}
lightning-button.edit-goal .slds-button,
lightning-button.edit-profile .slds-button {
    color: #68F1FC !important;
}
lightning-button.edit-goal .slds-button:hover:after,
lightning-button.edit-profile .slds-button:hover:after,
lightning-button.learn-more .slds-button:hover:after {
    display: none !important;
}
lightning-formatted-phone a,
lightning-formatted-phone a:hover {
    color: #000 !important;
}
.slds-modal__header.slds-text-align_right .slds-button {
    border: none;
    color: #001A74;
}
/* Pagination Buttons */
.pagination lightning-button.pagination-button {
    margin: 0 4px;
}
.pagination lightning-button.pagination-button .slds-button {
    background: #21212B;
    border-radius: 100%;
    color: white;
    text-align: center;
    padding: 5px 10px;
    line-height: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: none;
}
.pagination lightning-button.pagination-button[data-active='true'] .slds-button,
.pagination lightning-button.pagination-button .slds-button:hover {
    background: #ED3563;
    border: none;
}
.pagination lightning-button.pagination-button {
    display: inline-block;
    vertical-align: middle;
}
.pagination lightning-button.pagination-button:not([data-active='true']) .slds-button:disabled {
    opacity: 0.65;
}
.pagination lightning-button.pagination-button .slds-button lightning-primitive-icon,
.pagination lightning-button.pagination-button .slds-button lightning-primitive-icon svg {
    display: block;
    margin: 0 !important;
}
.pagination lightning-button.pagination-button.first-page .slds-button lightning-primitive-icon {
    margin-left: -2px !important;
}
.pagination lightning-button.pagination-button.prev-page .slds-button lightning-primitive-icon {
    margin-left: -3px !important;
}
.pagination lightning-button.pagination-button.next-page .slds-button lightning-primitive-icon,
.pagination lightning-button.pagination-button.last-page .slds-button lightning-primitive-icon {
    margin-left: -1px !important;
}
.pagination lightning-button.pagination-button.has-icon > .slds-button {
    background: transparent !important;
}
.pagination lightning-button.pagination-button.has-icon > .slds-button lightning-primitive-icon svg {
    fill: #333333 !important;
}
/* Filters/Tabs & Buttons ----------------------- */
ul.slds-tabs_default__nav {
    margin-bottom: 40px;
}
.forceCommunityTabLayout .slds-tabs_default__nav .slds-tabs_default__item {
    margin-bottom: 10px;
}
.forceCommunityTabLayout .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs_default__link {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: auto;
}
.forceCommunityTabLayout .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs_default__link:hover,
.forceCommunityTabLayout .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    color: #FFF;
    font-weight: 600;
}
.forceCommunityTabLayout .slds-tabs_default__nav .slds-tabs_default__item:not(:first-child) {
    margin-left: 0 !important;
}
.slds-tabs_default__item,
.filter-btn {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    padding: 10px 24px !important;
    height: 100%;
    border: 0;
    border-bottom: 2px solid #ffffff;
    background: #ffffff;
    transition: all ease 0.5s;
}
.slds-tabs_default__item.slds-is-active,
.slds-tabs_default__item:hover,
.filter-btn.active {
    color: #FFF;
    font-weight: 600;
    border: 0;
    border-bottom: 2px solid #ED3563;
    background: #21212B;
}
.slds-tabs_default.js-tabset.forceCommunityTabLayout {
    background: transparent;
}

/* Inputs ----------------------- */
.slds-input[type='search'],
.slds-input[type='search']::placeholder {
    color: #001A74;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 166.667% */
}
.slds-input[type='search'] {
    border-radius: 16px;
    border: 1px solid #001A74;
    background: #FFF;
}
/* Header ----------------------- */
.themeBgImage {
    background: #21212B !important; 
}
.forceCommunityThemeHeroBase .contentTitle {
    color: #F1F2F2;
    font-family: Roboto, sans-serif !important;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
}
.forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
    background-color: white !important;
}
@media only screen and (min-width: 48em) {
    .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-false.searchStyle-expanded .themeUtils .themeSearch {
        width: 200px;
    }
}
.forceCommunityThemeNav .comm-navigation__top-level-item .mainNavItem {
    padding-left: 45px;
}
.forceCommunityThemeSearchSection .search-triggerButton svg,
.themeHeader .forceCommunityThemeNav .mainNavItem a.linkBtn svg,
.themeHeader .forceCommunityThemeNav .mainNavItem a.linkBtn:hover svg,
.themeHeader .forceCommunityThemeNav .mainNavItem button.linkBtn svg,
.themeHeader .forceCommunityThemeNav .mainNavItem button.linkBtn:hover svg,
.themeUtil.themeNotifications button svg {
    fill: white !important;
}
.themeHeader .forceCommunityThemeNav .mainNavItem a.linkBtn,
.themeHeader .forceCommunityThemeNav .mainNavItem a.linkBtn:hover,
.themeHeader .forceCommunityThemeNav .mainNavItem button.linkBtn,
.themeHeader .forceCommunityThemeNav .mainNavItem button.linkBtn:hover {
    color: #F5F5F5 !important;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 111.111% */
}
.themeHeader .forceCommunityThemeNav .mainNavItem a.linkBtn:hover,
.themeHeader .forceCommunityThemeNav .mainNavItem button.linkBtn:hover,
.themeHeader .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
    border-bottom: 2px solid #68F1FC !important;
}
.forceCommunityThemeNav.themeNavContainer.navMenuType-expanded {
    min-height: unset !important;
}
/* Cards --------------------------- */
.transcend-card {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #333;
    padding: 24px 16px !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
.transcend-card, .transcend-card p {
    color:  #F1F2F2;
}
.transcend-card .primary-button,
.transcend-card .primary-button:hover {
    border-radius: 16px;
    background: #68F1FC;
    padding: 6px 16px;
    color:  #001A74;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
}
.transcend-card-with-header {
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    border-radius: 8px;
    background: #333;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
.transcend-card-with-header .header {
    border-radius: 8px 8px 0px 0px;
    background: var(--Brand-Colors-Blue-3, #001A74);
    padding: 12px;
    color:  #F1F2F2;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
}
.transcend-card-with-header .card-body {
    color:  #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}
.transcend-card-with-header .card-body.small-padding {
    padding: 16px;
}
.transcend-card-with-header .card-body.medium-padding {
    padding: 16px 24px;
}
.transcend-card-with-header.light {
    background: #ffffff;
    color: #21212B;
    border: 1px solid #001A74;
}
.transcend-card-with-header.light * {
    color: #21212B;
}
.transcend-card-with-header.light .header {
    background: #DBDDEA;
    color: #21212B;
    border-bottom: 1px solid #001A74;
}
.transcend-card-with-header.light .slds-combobox__form-element button,
.transcend-card-with-header.light .slds-input {
    color: #21212B;
}

/* Toast --------------------------- */
div.slds-notify__content slot {
    color: white!important;
}

/* Patient Profile ----------------- */
.patient-profile button.slds-button {
    border-radius: 16px;
}
.patient-profile button.slds-button.slds-button_neutral {
    border-color: #001A74;
}
.patient-profile .slds-file-selector.slds-file-selector_files {
    display: block;
    width: 100%;
    text-align: center;
}
.patient-profile lightning-primitive-file-droppable-zone.slds-file-selector__dropzone {
    display: block;
    width: 100%;
    border: none;
}
.patient-profile .slds-file-selector_files .slds-file-selector__body {
    flex-direction: column;
}
.patient-profile span.slds-file-selector__button.slds-button.slds-button_neutral lightning-primitive-icon,
.patient-profile span.slds-file-selector__text.slds-medium-show {
    display: none;
}
.patient-profile span.slds-file-selector__button.slds-button.slds-button_neutral {
    font-size: 0;
    border-radius: 16px;
    background: #001A74;
    cursor: pointer;
}
.patient-profile span.slds-file-selector__button.slds-button.slds-button_neutral:after {
    content: 'Update';
    color: #F1F2F2;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 166.667% */
    cursor: pointer;
}
.patient-profile .editing lightning-combobox .slds-combobox__input,
.patient-profile .editing lightning-input .slds-input {
    border: none;
    border-bottom: 1px solid #001A74;
    border-radius: 0 !important;
}
.patient-profile .editing lightning-combobox .slds-combobox__input .slds-input__icon-group svg {
    fill: #001A74;
}
.patient-profile .slds-form-element__label {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
}

/* Homepage Styles --------------------- */
.comm-page-home .siteforceContentArea > div:nth-of-type(2) div:last-of-type {
    order: 3;
}
.comm-page-home .siteforceContentArea > div:nth-of-type(2) div:first-of-type {
    order: 2;
}
.slds-modal__header {
    order: 0!important;
}
.comm-page-home div[data-region-name="sidebar"],
.comm-page-home div[data-region-name="sidebar"] .ui-widget {
    height: 100%;
}
.homepage-wellness-block lightning-input .slds-form-element__label {
    color: white;
}
.homepage-wellness-block lightning-input .slds-input {
    color: #21212B;
}
.homepage-wellness-block .transcend-card-with-header .slds-button {
    border-radius: 16px;
    padding: 6px 16px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.homepage-wellness-block .transcend-card-with-header .slds-button_brand,
.homepage-wellness-block .transcend-card-with-header .slds-button_brand:hover {
    background: #68F1FC;
    color: #001A74;
}
.homepage-wellness-block .transcend-card-with-header .slds-button_neutral,
.homepage-wellness-block .transcend-card-with-header .slds-button_neutral:hover {
    background: #F1F2F2;
    color: #001A74;
}

/* Misc Styles --------------------- */
/* hides the first section of a knowledge article page layout to hide title and url of article */
div.selfServiceArticleLayout article.content div.slds-section:first-child,
div.selfServiceArticleLayout fieldset.slds-section:first-child {
    display: none;
}
.horizontal-line {
    border-bottom: 1px solid #DBDDEA;
    padding-top: 10px;
    margin-bottom: 20px;
}
.remove-top-padding {
    padding-top: 0 !important;
}

/* Misc Overrides ------------------ */
.forceListViewManager.slds-card { /* Record list */
    padding: 10px 20px;
}
.slds-col--padded.contentRegion.comm-layout-column {
    padding: 30px 0 !important;
}
.slds-col--padded.contentRegion.comm-layout-column .uiTabset.forceCommunityTabset {
    padding: 10px 20px;
}
.article-list .listContent .article-item {
    padding: 10px 16px 15px;
}
.article-list:has(div.emptyListContent),
.article-list .listContent .article-item {
    background: #333;
    border-color: #888;
}
.article-list:has(div.emptyListContent) span.empty.uiOutputText {
    padding: 20px;
    color: white;
}
.article-list .listContent .article-item *,
.article-list .listContent .article-item a:hover h2 {
    color:  #F1F2F2;
}
.article-list:has(div.emptyListContent),
.article-list .listContent .article-item:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.themeLayoutStarterWrapper div[role='main'] {
    padding: 30px 0;
}
.selfServiceTopicRelatedArticle > h2 {
    border-radius: 8px 8px 0px 0px;
    background: var(--Brand-Colors-Blue-3, #001A74);
    padding: 12px;
    margin-bottom: -7px;
}
.selfServiceTopicRelatedArticle > h2 label.headerLabel {
    color:  #F1F2F2;
    font-family: Roboto, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
}

.confirm-checkbox .slds-form-element__label {
    color: black!important;
    font-weight: bold;
}

/* Hide unneeded related lists from profile page */
.comm-page-custom-patient-profile .forceRelatedListSingleContainer article:not([aria-label='Files']) {
    display: none !important;
}
.comm-page-custom-medical-records .forceListViewSettingsMenu button[title='List View Controls'] {
    display: none !important;
}
/* Settings Page */
.forceCommunityUserSettingsInternal {
    padding: 0 20px;
}
.forceCommunityUserSettingsCustomizable .row {
    border-bottom: 0 !important;
}
.forceCommunityUserSettingsCustomizable .row:first-of-type {
    margin: 0 !important;
    border-bottom: 0 !important;
}
.comm-page-usersettings .savecancelbuttoncontainer.paddingcancelsave {
    padding: 0 !important;
    margin: 0 !important;
}
.comm-page-usersettings .slds-col--padded.contentRegion.comm-layout-column {
    padding: 0 !important;
}

/* Media Queries -------------- */
@media screen and (max-width: 768px) {
    .article-list .listContent .article-item {
        margin: 0 !important;
    }
    .comm-page-custom-patient-profile .forceCommunityTabLayout .slds-tabs_default__nav .slds-tabs_default__item {
        max-width: 60%;
    }
}
@media only screen and (min-width: 48em) {
    .forceCommunityThemeHeaderCompact .themeHeaderInner.centerAlignLogo-false.searchStyle-expanded .themeUtils .themeUtilsContainer {
        max-width: 26vw;
    }
    .forceCommunityUserSettingsCustomizable .row:first-of-type {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 47.9375em) {
    .forceCommunityThemeHeaderCompact .themeNav {
        top: 48px !important;
    }
    .themeNav .comm-navigation.forceCommunityThemeNav .mainNavItem, 
    .themeNav .comm-navigation.forceCommunityThemeNav .mainNavItem .subMenu {
        background-color: #333333 !important;
    }
    .themeNav .comm-navigation.forceCommunityThemeNav .mainNavItem a, 
    .themeNav .comm-navigation.forceCommunityThemeNav .mainNavItem .linkBtn {
        color: #FFFFFF !important;
    }
    .themeNav .comm-navigation.forceCommunityThemeNav .mainNavItem.hasSubNav.uiMenu {
        padding: 0 !important;
    }
    .forceCommunityRecordListMobile .forceCommunityActionsContainerMobile {
        display: none !important;
    }
}