/*-- Styles for Tango Community - David Wickland - 02/09/2023 --*/

/*-- Theme Styles --*/
.forceCommunityRichText .uiOutputRichText h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    line-height: 106%;
    letter-spacing: -0.01em;
}

/*-- Page Structure --*/

.siteforceContentArea {
    padding: 0px 20px;
}

.selfServiceArticleLayout.article-column {
    padding: 1px 20px 0px 1px !important;
}

/*-- Theme Logo --*/

.themeLogo .forceCommunityThemeLogo .logoImage {
    height: 58px !important;
}

.themeLogo:after {
    /*    content: 'Reward Recipient Help Center' !important;  */
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #302C2D;
    border-left: 1px solid #302C2D;
    padding-left: 18px;
    margin-left: 18px;
    margin-block: 13px;
}


/*-- Theme Navigation Menu Desktop--*/
@media only screen and (min-width:768px) {

    forceCommunityThemeHeaderCompact .themeLogo {
        margin-left: 5px;
    }

    .forceCommunityThemeHeaderCompact {
        padding-left: 22px;
        padding-right: 18px;
    }

    .forceCommunityThemeHeaderCompact .themeHeaderInner {
        padding: 0px 10px;
    }

    .themeHeader.forceCommunityThemeHeaderCompact .themeUtils {
        padding-left: 15px;
    }
    .themeHeader.forceCommunityThemeHeaderCompact .themeUtils .themeUtil {
        margin-left: 0;
    }
    .comm-user-profile-menu .slds-button {
        margin-bottom: 0;
    }
    .comm-user-profile-menu .slds-button .slds-avatar {
        width: 36px;
        height: 36px;
        margin: 0;
        background-image: url(/sfsites/c/resource/flokTangoImages/icon-user-filled.svg);
    }
    .comm-user-profile-menu .comm-user-profile-menu__trigger-icon {
        margin-inline: 0;
    }
    .comm-user-profile-menu .slds-dropdown-trigger .comm-user-profile-menu__dropdown-ctn {
        top: 40px;
        right: -7px;
    }
    .comm-user-profile-menu .slds-button .slds-avatar img {
        opacity: 0;
    }

    .themeNav .forceCommunityThemeNav .mainNavItem {
        padding-left: 15px;
    }

    .themeNav .mainNavItem .comm-navigation__home-link {
        display: none !important;
    }

    .forceCommunityThemeNav ul.visible-links > li:nth-last-child(2) a.comm-navigation__top-level-item-link {
        background: #4A4296;
        border-radius: 100px;
        padding: 3px 40px;
        font-size: 14px;
        font-weight: 600;
        color: #FFF !important;
        border: none !important;
        transition: all ease-in-out 0.3s;
    }

    .forceCommunityThemeNav ul.visible-links > li:nth-last-child(2) a.comm-navigation__top-level-item-link:hover {
        background: #D0D0ED;
        color: #4A4296 !important;
        text-decoration: none !important;
        transition: all ease-in-out 0.3s;
    }

    .forceCommunityThemeNav .visible-links .mainNavItem .linkBtn {
        border: 1px solid #CBCBCB !important;
        background: none;
        width: 100% !important;
        text-align: left !important;
        border-radius: 50px;
        padding: 2px 14px;
        font-weight: 600;
        font-size: 14px;
        margin: -2px auto;
    }

    .forceCommunityThemeNav .visible-links .mainNavItem .linkBtn:hover {
        background: #F5F4F4;
        transition: all ease-in-out 0.3s;
    }
}

@media only screen and (min-width:1179px) {

    .websterHomeHero.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {
        padding: 50px 25px 150px 25px !important
    }

}

/*-- Hero Titles Home --*/
.forceCommunityThemeHeroBase .contentTitle {
    font-size: 1.5rem !important;
    line-height: 1.1;
    margin-top: 12px;
}

body.comm-page-home .forceCommunityThemeHeroBase .contentCaption {
    font-size: 3.5rem;
    line-height: 1.1;
    margin-top: 20px;
}

body.comm-page-home .forceCommunityThemeHeroStarter .searchRegion {
    margin-top: 2.5rem;
}

/*-- Hero Titles Inner Pages --*/
.forceCommunityThemeHeroStarter.websterInnerHero .forceCommunityThemeHeroBase .contentCaption {
    font-size: 2.5rem !important;
    line-height: 1.1;
    margin-top: 0px !important;
}

.forceCommunityThemeHeroStarter.websterInnerHero .contentContainer .searchRegion {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


/*-- Headlines Inner Pages --*/

h1.headlineTitle {
    text-align: left !important;
}

h1.headlineTitle span.headlineTitleText {
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 106%;
    letter-spacing: -0.01em;
    color: #302C2D;
    text-align: left;
    margin: 0px;
}

.forceCommunityThemeHeroStarter.websterInnerHero.forceCommunityThemeHeroBase .contentCaption {
    font-size: 2.5rem;
}
.forceCommunityHeadline p.headlineInfo {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #302C2D;
    text-align: left !important;
    font-family: var(--lwc-fontFamilyStrong,Nunito);

}
/*-- Hero Foreground --*/

.forceCommunityThemeHeroBase.websterHomeHero .contentContainer .widthContainer.slds-grid {
    position: relative;
}

.forceCommunityThemeHeroBase.websterHomeHero .contentContainer .content:after {
    content: '';
    /*   background-image: url(/sfsites/c/resource/TSComms_Assets_2/heros/Hero-Front-Recip.png); */
    display: inline-block;
    width: 600px;
    height: 365px;
    z-index: -1;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    top: -28px;
    right: -30px
}

/*-- Search Box --*/
.forceCommunityThemeSearchHero .search-box {
    width: 100%;
    height: 55px;
}
.forceCommunityThemeSearch.websterHomeHero .search-box {
    box-shadow: 0px 4px 0px 0px rgb(48 44 45 / 25%);
    -webkit-box-shadow: 0px 4px 0px 0px rgb(48 44 45 / 25%);
    -moz-box-shadow: 0px 4px 0px 0px rgba(48,44,45,0.25);
    border: none !important;
}
.searchRegion .forceCommunityThemeSearch.websterHomeHero .search-box {
    border: none !important;
}
/*-- Inside Pages --*/

/* Responsive - Tablet */
@media only screen and (max-width:767px) {
    /*-- Hero Foreground --*/
    .forceCommunityThemeHeroBase.websterHomeHero .contentContainer .content:after {
        display: none !important;
    }
    .forceCommunityThemeHeaderCompact .themeLogo {
        position: relative !important;
        left: 40% !important;
    }
    .forceCommunityThemeHeaderCompact .themeLogo:after {
        font-size: 14px;
        line-height: 24px;
        display: flex;
        align-items: center;
    }
    body.comm-page-home .forceCommunityThemeHeroBase .contentCaption {
        font-size: 2.75rem;
        line-height: 3rem;
        margin-top: 5px;
    }
    .forceCommunityThemeHeroBase .contentTitle {
        font-size: 1.5rem !important;
        line-height: 1 !important;
        margin-top: 12px;
    }
    .websterHomeHero.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {
        padding: 24px 25px 45px 25px !important
    }
    .websterInnerHero.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {
        padding: 40px 30px !important;
    }
    .forceCommunityThemeSearchHero .search-input, .forceCommunityThemeSearchHero .search-input::placeholder {
        font-size: 15px !important;
    }
    .tscomm_button {
        margin-top: 10px;
        padding-top: 6px;
    }
    body.comm-page-home .forceCommunityThemeHeroStarter .searchRegion {
        margin-top: 1.5rem;
    }


}

/* Responsive - Tablet */
@media only screen and (max-width:480px) {
    /*-- Hero Foreground --*/
    .widthContainer.slds-grid.align-left:after {
        display: none !important;
    }
    body.comm-page-home .forceCommunityThemeHeroBase .contentCaption {
        font-size: 2rem;
        line-height: 1;
        margin-top: 10px;
    }
    .forceCommunityThemeHeroBase .contentTitle {
        font-size: 1rem !important;
        line-height: 1;
        margin-top: 12px;
    }
    .themeLogo:after {
        font-size: 12px;
        line-height: 14px;
    }
    .forceCommunityThemeHeaderCompact .themeLogo {
        left: 38% !important;
    }
    .forceCommunityThemeHeaderCompact .themeLogo:after {
        font-size: 14px !important;
        line-height: 14px !important;
        margin-block: 0;
    }
    .themeLogo .forceCommunityThemeLogo .logoImage {
        width: 88px !important;
    }
    .forceCommunityThemeHeroBase .contentContainer .contentCaption {
        font-size: 2rem !important;
        line-height: 1.5;
    }
}

/* Responsive - Tablet */
@media only screen and (max-width:355px) {
    .themeLogo:after {
        display: none;
    }
}

/*-------- TOPIC DETAIL PAGE --------*/

/* Article List */

.topicRelatedArticleList .article-list li.selfServiceArticleListItem {
    padding: 20px 0 10px 0;
}

.topicRelatedArticleList .article-list .selfServiceArticleListItem a {
    border: none !important;
    text-decoration: none;
    background-size: auto;
    background-position: left -5px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-image: url(/sfsites/c/resource/TSComms_Assets_gl/icons/article-cta-arrow.svg);
}

.topicRelatedArticleList .article-list .selfServiceArticleListItem a h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #302c2d;
    font-family: var(--lwc-fontFamilyHeader,Nunito);
}

.topicRelatedArticleList .article-list .selfServiceArticleListItem .summary .footer {
    display: none !important;
}

.selfServiceTopicArticleList article.summary .article-type, .selfServiceTopicArticleList article.summary .dot, .selfServiceTopicArticleList article.summary .date {
    display: none !important;
}

div[data-region-name="sidebar"] .forceCommunityTopicCatalog .topicHierarchy-topBox {
    border: none;
}
.selfServiceArticleListItem .footer .view-count {
    font-size: 14px;
}

div[data-region-name="sidebar"] .forceCommunityTopicCatalog {
    background-color: #F5F4F4;
    padding: 20px 25px;
    border-radius: 24px;
}
div[data-region-name="sidebar"] .forceCommunityTopicCatalog .topicHierarchy-entry.slds-text-heading--medium a {
    font-weight: bold;
    font-size: 20px;
}

div[data-region-name="sidebar"] .forceCommunityTopicCatalog ul.topicHierarchy-childrenList {
    column-count: 1 !important;
}
div[data-region-name="sidebar"] .forceCommunityTopicCatalog .topicHierarchy-entry.topicHierarchy-childrenList a {
    font-weight: bold;
    font-size: 22px;
}
div[data-region-name="sidebar"] .forceCommunityTopicCatalog a.topicHierarchy-child {
    color: #302C2D;
}

/* Topic Catalog Page */

div[data-region-name="content"] .forceCommunityTopicCatalog .topicHierarchy-entry.slds-text-heading--medium a {
    font-weight: bold;
    font-size: 20px;
}
div[data-region-name="content"] .forceCommunityTopicCatalog .topicHierarchy-topBox {
    padding: 20px 20px 0px 20px !important;
}

div[data-region-name="content"] .forceCommunityTopicCatalog .topicHierarchy-entry.topicHierarchy-childrenList a {
    font-weight: bold;
    font-size: 20px;
}
div[data-region-name="content"] .forceCommunityTopicCatalog a.topicHierarchy-child {
    color: #302C2D;
}

/*-- SubTopics --*/
.forceTopicSubTopicNavigation .topic-subNavContainer {
    text-align: left !important;
}
.forceTopicSubTopicNavigation .topic-subNavContainer .comm-topic__link {
    font-size: 14px;
}
.forceTopicSubTopicNavigation .topic-subTopicItem, .forceTopicSubTopicNavigation .topic-showMore {
    font-size: 14px !important;
}

/*-- ARTICLE DETAIL --*/

.selfServiceArticleLayout h2.article-head, .selfServiceArticleLayout.zoom h2.article-head {
    font-weight: 700;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: -0.005em;
}


h1.article-head.selfServiceArticleHeaderDetail {
    font-weight: 800;
    font-size: 32px !IMPORTANT;
    line-height: 105%;
    letter-spacing: -0.01em;
    color: #F15C22;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #F15C22;
}

.selfServiceArticleLayout .selfServiceArticleHeaderDetail .article-summary {
    display: none !important;
}

.selfServiceArticleLayout article.content .slds-rich-text-editor__output.uiOutputRichText.forceOutputRichText {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 25px;
}

.selfServiceArticleLayout article.content .forcePageBlockSectionRow ~ .forcePageBlockSectionRow {
    display: none !important;
}

.selfServiceArticleLayout .summary .selfServiceArticleHeaderDetail div.meta {
    display: none !important;
}

.selfServiceArticleLayout .content .forcePageBlockItemView .slds-form-element__label {
    display: none !important;
}

/*-- ARTICLE FEEDBACK OVERRIDES --*/

.articleFeedback .feedback-buttons-container button.slds-button {
    border-radius: 100px;
    border: #474592 solid 2px;
}

.articleFeedback .feedback-button-yes button.slds-button  {
    background-color: #474592;
    color: #FFFFFF;
}

.articleFeedback .feedback-buttons-container .feedback-button-yes button.slds-button:hover  {
    background-color: #D0D0ED;
    color: #474592;
    border: #FFFFFF solid 2px;
}

.articleFeedback .feedback-buttons-container .feedback-button-no button.slds-button  {
    background-color: #fff;
    color: #474592;
}

.articleFeedback .feedback-buttons-container .feedback-button-no button.slds-button:hover  {
    background-color: #fff;
    border: #D0D0ED solid 2px;
}

/*-- FEATURED TOPIC --*/

.forceTopicFeaturedTopics {
    margin-top: 0px !important;
}

.forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem.topicItem {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 24% !important;
    border-radius: 24px !important;
    padding: 10px;
}

.forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem .topicLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 24px !important;
}

.forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem .topicImage {
    background-position: center -20px !important;
}

.forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem .topicContent .topicLabel {
    position: relative;
    top: 52px;
    font-size: 22px !important;
    font-family: var(--lwc-fontFamilyStrong,Nunito);
    font-weight: bold;
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: #191919;
    line-height: 28px;
}

/* Responsive - Tablet */
@media only screen and (max-width:1140px) {
    .forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem.topicItem {
        width: 33% !important;
    }
}

@media only screen and (min-width: 48em) {
    .forceTopicFeaturedTopicItem.topicItem {
        height: 200px !important;
    }

    .selfServiceArticleLayout h2.article-head, .selfServiceArticleLayout.zoom h2.article-head {
        font-size: 32px;
        line-height: 100%;
    }

}

/* Responsive - Tablet */
@media only screen and (max-width:768px) {
    .forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem.topicItem {
        width: 50% !important;
    }

    .selfServiceArticleLayout h2.article-head, .selfServiceArticleLayout.zoom h2.article-head {
        font-size: 28px;
        line-height: 100%;
    }
}

/* Responsive - Tablet */
@media only screen and (max-width:480px) {

    .forceTopicFeaturedTopics .topicList .forceTopicFeaturedTopicItem.topicItem {
        width: 100% !important;
    }
}

/*-- SEARCH OVERRIDES --*/

/* SEARCH PAGE */
.forceCommunitySearch > div:first-of-type {
    display: none;
}

.forceSearchQueryExpansionMessage.slds-page-header {
    margin-bottom: 0;
}

.forceSearchResultsList .slds-tile__detail {
    display: none;
}
/* search list title */
.body .kbResultStencil {
    padding-top: 24px;
    padding-bottom: 24px;
}
.body .kbResultStencil,
.forceCommunitySearch .forceSearchSearchResultsGridHeader {
    padding-left: 0;
    padding-right: 0;
}

body .forceCommunitySearch .forceSearchSearchResultsGridHeader {
    padding-top: 0;
    padding-bottom: 0;
}

.forceCommunitySearch .forceSearchSearchResultsGridHeader .slds-page-header__title {
    display: none;
}
body .formattedTextLookupTitle[knowledgeui-resultStencil_resultStencil],
body .formattedTextLookupTitle,
.forceSearchResultsList .forceOutputLookupWithPreview a.textUnderline {
    color: #333D46;
    font-size: 20px;
    line-height: 24px;
    border-bottom: none;
}

body .displayLabel[force-lookup_lookup]:hover {
    text-decoration: none;
}

.forceCommunitySearch .resultsWrapper {
    margin-top: -15px;
}

.forceSearchResultsList .resultBody {
    font-size: 16px;
    line-height: 135%;
    padding-left: 3px;
}

.formattedTextLookupTitle[knowledgeui-resultStencil_resultStencil], body .formattedTextLookupTitle {
    color: #F15C22;
}

/* search results header */
.searchResultsGridHeader .searchResultsSummaryText {
    justify-content: space-between;
}

.searchResultsGridHeader .searchResultsSummaryText .slds-text-body--small {
    font-size: 14px;
    line-height: 19px;
    color: #333D46;
    text-transform: uppercase;
}

.slds-page-header.slds-page-header_joined {
    border-bottom-color: #8697A5;
}

.slds-page-header .slds-page-header__title {
    font-weight: normal;
    font-size: 48px;
    line-height: 58px;
}

/* Sorting info */
.forceSearchResultsList .sortingInfo .slds-button.sortDirection {
    margin-top: -1px;
}

.forceSearchResultsList .sortingInfo .slds-button.sortDirection,
body .searchResultsGridHeader .searchResultsSummaryText .sortingInfo {
    color: #8697A5;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
}

.forceSearchResultsList .sortingInfo .slds-button:not(.sortDirection),
.sortingInfo .slds-button:not(.sortDirection):hover,
.sortingInfo .slds-button:not(.sortDirection):focus {
    color: #333D46;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 4px solid #F15C22;
    margin-top: 6px;
    line-height: initial;
}

.sortingInfo .slds-button lightning-primitive-icon {
    display: none;
}

.sortingInfo .sortMenuLink {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.sortingInfo .sortMenuLink::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzg2OTdBNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    height: 16px;
    width: 16px;
    display: inline-block;
}

/* hide dot */
.searchResultsGridHeader .searchResultsSummaryText .sortingInfo > .dot {
    display: none;
}
/* move dropdown to the right */
.searchResultsGridHeader .search-results-grid-header__sort .slds-dropdown_left,
.searchResultsGridHeader .search-results-grid-header__sort .slds-dropdown--left {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.forceSearchResultsList mark {
    background-color: transparent;
    color: #F15C22;
    font-weight: 400;
}

.kbResultStencil.slds-var-p-vertical_small {
    padding: 24px 0;
}

/* add a little extra padding to button to make it 24px from the top */
.forceSearchResultsList .slds-button {
    margin-top: 8px;
}
body .forceCommunityHeadline .headlineTitle {
    text-align: left;
}
body .forceCommunityHeadline .headlineTitle .uiOutputText {
    font-weight: normal;
    font-size: 48px;
    line-height: 58px;
}
body .forceCommunityHeadline .headlineInfo{
    text-align: left;
}
body .forceCommunityHeadline .headlineInfo .uiOutputRichText {
    font-weight: normal;
    font-size: 18px;
    line-height: 135%;
}

/* Topic Sub Container */
body .forceTopicSubTopicNavigation .topic-subNavContainer {
    text-align: left;
}

/* search modal popup */
html body.siteforce-Modal-Open {
    width: initial;
    overflow: visible!important;
}
/* hide article preview popup in search results */
.forceHoverPanel.uiPanel.open {
    display: none!important;
}
.DESKTOP.comm-panels-container.uiContainerManager.siteforcePanelsContainer {
    /*display: none;*/
}

.selfServiceTopicTrendingArticles42 .slds-grid--vertical a {
    text-decoration: none !important;
}

/* hide prepopulated search results details */
.forceCommunityThemeSearch .search-deflectionItemDetail {
    display: none!important;
}


@media screen and (max-width: 768px){
    .mobile-hide {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}

/* Responsive - Tablet */
@media only screen and (max-width:768px) {

    .get-help_content {
        padding-bottom: 16px;
    }

    .get-help_content h3 {
        font-weight: normal;
        font-size: 16px;
        line-height: 135%;
    }
    .get-help_cta-container {
        text-align: center;
        display: block;
        padding-bottom: 20px;
    }

    .get-help_content p {
        font-weight: normal;
        font-size: 14px;
        line-height: 135%;
    }

    .forceCommunityRichText a.get-help_cta {
        border-radius: 100px;
        padding: 3px 40px;
        font-size: 14px;
        font-weight: 600;
        color: #FFF !important;
        border: none !important;
        line-height: 30px !important;
        transition: all ease-in-out 0.3s;
        display: inline-block;
        margin: auto;
        text-decoration: none !important;
    }
    .forceCommunityRichText a.get-help_cta:hover {
        background: #D0D0ED;
        color: #4A4296 !important;
        text-decoration: none !important;
        transition: all ease-in-out 0.3s;
    }
}
/* ------------------------------ */
/* STYLES MOVED FROM BUILDER 8/24 */
/* ------------------------------ */
.themeLogo:after {
    content: 'Business Help Center' !important;
    font-family: var(--lwc-fontFamilyHeader,Nunito);
}
.forceCommunityThemeHeroBase.websterHomeHero .contentContainer .content:after {
    background-image: url(/sfsites/c/resource/TSComms_Assets_gl/heros/Hero-Front-Customer@2x.png);
}
.TSC_Comms_CookieWrap {
    width: 100%;
}
.TSC_Comms_CookieButon {
    width: 100%;
    max-width: 1440px;
    margin: -60px auto auto auto;
    text-align: center;
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    background-color: #FFF;
    font-weight: bold;
    color: #4A4296 !important;
    border: 2px solid #4A4296 !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: #fff !important;
    background-color: #4A4296 !important;
}

/* FLOK ADDITIONS */
.forceCommunitySearch .forceSearchResultsList records-hoverable-link a span {
    text-decoration-line: none !important;
}
.slds-accordion__section {
    margin-bottom: 20px;
}
h2.slds-accordion__summary-heading {
    font-weight: 700;
}
.case-attachment-uploader .slds-file-selector {
    display: flex;
}
.case-attachment-uploader .slds-file-selector__dropzone {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}
.filter-container .slds-form-element__label {
    padding: 0;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #302C2D;
}
.filter-container .slds-input, .filter-container .slds-input_faux {
    font-size: 16px;
    line-height: 20px !important;
    padding: 12px;
    border-radius: 8px;
    color: #302C2D !important;
}
.table-container .slds-table thead th {
    font-size: 14px;
}
.table-container .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus), 
.table-container .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus) {
    box-shadow: none;
}
.table-container .slds-table_header-fixed_container:before {
    border: 0 none;
}
.slds-button.comm-user-profile-menu__login-button {
    display: none;
}
.themeHeader.forceCommunityThemeHeaderCompact .themeUtils:has(.slds-button.comm-user-profile-menu__login-button) {
    padding-left: 0;
}
.slds-form-element .slds-form-element__help {
    margin-top: 0;
}

/* NEUTRAL BUTTONS */
.slds-button.slds-button_neutral,
.slds-button.slds-button--neutral {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-neutral-spacing-inline-start: 16px;
    --slds-c-button-neutral-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #302C2D;
    --slds-c-button-neutral-color-background: #FFFFFF;
    --slds-c-button-neutral-color-border: #CBCBCB;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-neutral-color-background-hover: #F5F4F4;
    --slds-c-button-neutral-color-border-hover: #CBCBCB;
    --slds-c-button-text-color-hover: #302C2D;
    --slds-c-button-neutral-color-background-active: #F5F4F4;
    --slds-c-button-neutral-color-border-active: #CBCBCB;
    --slds-c-button-text-color-active: #302C2D;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}

/* BRAND BUTTONS */
.slds-button.slds-button_brand,
.slds-button.slds-button--brand {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-brand-spacing-inline-start: 16px;
    --slds-c-button-brand-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #FFFFFF;
    --slds-c-button-brand-color-background: #4A4296;
    --slds-c-button-brand-color-border: #4A4296;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-brand-color-background-hover: #D0D0ED;
    --slds-c-button-brand-color-border-hover: #D0D0ED;
    --slds-c-button-brand-text-color-hover: #4A4296;
    --slds-c-button-brand-color-background-active: #D0D0ED;
    --sds-c-button-brand-color-border-active: #D0D0ED;
    --slds-c-button-brand-text-color-active: #4A4296;
    --slds-kx-button-gradient-color: #AEAAD0;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}
.slds-button[kx-scope=button-brand]:focus,
.slds-button[kx-scope=button-brand]:hover,
.slds-button[kx-scope=button-brand]:active {
    --slds-c-button-brand-color-background: #D0D0ED;
}

/* BRAND OUTLINE BUTTONS */
.slds-button.slds-button_outline-brand {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-outline-brand-spacing-inline-start: 16px;
    --slds-c-button-outline-brand-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #4A4296;
    --slds-c-button-outline-brand-color-background: #FFFFFF;
    --slds-c-button-outline-brand-color-border: #AEAAD0;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-outline-brand-color-background-hover: #EDECF5;
    --slds-c-button-outline-brand-color-border-hover: #AEAAD0;
    --slds-c-button-text-color-hover: #4A4296;
    --slds-c-button-outline-brand-color-background-active: #EDECF5;
    --sds-c-button-outline-brand-color-border-active: #AEAAD0;
    --slds-c-button-text-color-active: #4A4296;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}

/* DESTRUCTIVE BUTTONS */
.slds-button.slds-button_destructive,
.slds-button.slds-button--destructive {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-destructive-spacing-inline-start: 16px;
    --slds-c-button-destructive-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #FFFFFF;
    --slds-c-button-destructive-color-background: #E13D45;
    --slds-c-button-destructive-color-border: #E13D45;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-destructive-color-background-hover: #B6353B;
    --slds-c-button-destructive-color-border-hover: #B6353B;
    --slds-c-button-destructive-text-color-hover: #FFFFFF;
    --slds-c-button-destructive-color-background-active: #B6353B;
    --slds-c-button-destructive-color-border-active: #B6353B;
    --slds-c-button-text-color-active: #FFFFFF;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}

/* DESTRUCTIVE TEXT BUTTONS */
.slds-button.slds-button_text-destructive {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-text-destructive-spacing-inline-start: 16px;
    --slds-c-button-text-destructive-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #E13D45;
    --slds-c-button-text-destructive-color-background: #FFFFFF;
    --slds-c-button-text-destructive-color-border: #CBCBCB;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-text-destructive-color-background-hover: #FBEBED;
    --slds-c-button-text-destructive-color-border-hover: #CBCBCB;
    --sds-c-button-text-destructive-text-color-hover: #E13D45;
    --slds-c-button-text-destructive-color-background-active: #FBEBED;
    --slds-c-button-text-destructive-color-border-active: #CBCBCB;
    --sds-c-button-text-destructive-text-color-active: #E13D45;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}

/* SUCCESS BUTTONS */
.slds-button.slds-button_success,
.slds-button.slds-button--success {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-success-spacing-inline-start: 16px;
    --slds-c-button-success-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #FFFFFF;
    --slds-c-button-success-color-background: #34A853;
    --slds-c-button-success-color-border: #34A853;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-success-color-background-hover: #2B8443;
    --slds-c-button-success-color-border-hover: #2B8443;
    --slds-c-button-success-text-color-hover: #FFFFFF;
    --slds-c-button-success-color-background-active: #2B8443;
    --slds-c-button-success-color-border-active: #2B8443;
    --slds-c-button-text-color-active: #FFFFFF;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}

/* INVERSE BUTTONS */
.slds-button.slds-button_inverse,
.slds-button.slds-button--inverse {
    --slds-c-button-spacing-block-start: 2px;
    --slds-c-button-spacing-block-end: 2px;
    --slds-c-button-inverse-spacing-inline-start: 16px;
    --slds-c-button-inverse-spacing-inline-end: 16px;
    font-size: 14px;
    --slds-c-button-line-height: 30px;
    font-weight: 600;
    --slds-c-button-text-color: #FFFFFF;
    --slds-c-button-inverse-color-background: transparent;
    --slds-c-button-inverse-color-border: #FFFFFF;
    --slds-c-button-radius-border: 50px;
    --slds-c-button-inverse-color-background-hover: rgba(255, 255, 255, 0.15);
    --slds-c-button-inverse-color-border-hover: #FFFFFF;
    --slds-c-button-inverse-text-color-hover: #FFFFFF;
    --slds-c-button-inverse-color-background-active: rgba(255, 255, 255, 0.15);
    --slds-c-button-inverse-color-border-active: #FFFFFF;
    --slds-c-button-inverse-text-color-active: #FFFFFF;
    transition: background-color 250ms, border-color 250ms, color 250ms;
}
.slds-button.slds-button_inverse[kx-scope=button-outline][kx-type=ripple]:after {
    --slds-c-button-brand-color-background: #FFFFFF;
}

/* FORM AND CASE CREATION STYLES */
.comm-page-contactsupport .forceCommunityFlowCommunity {
    border: 0 transparent;
}
c-flok-create-case .flowruntime-input-label,
c-flok-create-case .slds-form-element__label,
.comm-page-contactsupport .flowruntime-input-label,
.comm-page-contactsupport .slds-form-element__label,
c-flok-manage-message-collaborators .slds-form-element__label {
    --lwc-formLabelFontSize: 14px;
    --lwc-colorTextLabel: #302C2D;
    line-height: 24px;
    font-weight: 700;
}
c-flok-create-case .slds-input,
c-flok-create-case .slds-input_faux,
.comm-page-contactsupport .slds-input,
.comm-page-contactsupport .slds-input_faux,
.tango-combobox .slds-input_faux,
c-flok-create-case .slds-textarea,
.comm-page-contactsupport .slds-textarea,
c-flok-manage-message-collaborators .slds-input {
    font-size: 16px;
    line-height: 20px !important;
    padding: 11px 16px;
    border-radius: 8px;
    border-color: #CBCBCB;
    color: #302C2D;
}
c-flok-create-case .flowruntimeBody__lwc,
.comm-page-contactsupport .flowruntimeBody__lwc {
    padding-inline: 0 !important;
    margin-block: 0 !important;
}
c-flok-create-case .slds-card__header,
.comm-page-contactsupport .slds-card__header {
    padding: 0;
}
.comm-page-contactsupport flowruntime-navigation-bar.navigationBar,
c-flok-create-case flowruntime-navigation-bar.navigationBar {
    border: 0 none !important;
    padding: 0 !important;
}
.comm-page-contactsupport .container flowruntime-display-text-lwc,
c-flok-create-case .container flowruntime-display-text-lwc {
    background-color: #EDECF5;
    color: #4A4296;
    font-size: 14px;
    --lwc-lineHeightText: 18px;
    display: block;
    padding: 14px 20px 16px;
    border-radius: 8px;
    margin-top: 16px;
}
lightning-pill .slds-pill__remove {
    margin-inline-start: 4px;
}
lightning-file-upload .slds-file-selector {
    display: flex;
    margin-bottom: 12px;
}
lightning-file-upload .slds-file-selector__dropzone {
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    flex-basis: 100%;
    text-align: center;
}
.tango-text-area .slds-rich-text-editor__textarea .ql-editor {
    color: #302C2D;
}
.tango-text-area .input-rich-text-placeholder,
.tango-text-area .slds-rich-text-editor__textarea .ql-editor.ql-blank:before {
    color: #302C2D;
    opacity: .5;
}
.contact-lookup-container .slds-dropdown,
.view-filter .slds-combobox .slds-dropdown, 
.field-filter .slds-combobox .slds-dropdown {
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 0px 5px 0px 0px rgba(48, 44, 45, 0.25);
}
.slds-modal label.slds-form-element__label:after {
    content: "(optional)";
    font-size: 11px;
    font-weight: 400;
    margin-left: 4px;
    color: #666666;
    font-style: italic;
}
.slds-modal .slds-form-element__label abbr.slds-required,
.slds-form-element__label:has(abbr):after {
    display: none;
}
.slds-modal lightning-radio-group fieldset .slds-form-element__control {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.slds-radio .slds-form-element__label {
    color: #302C2D;
}

/* MODAL CONTAINER STYLES */
@media (min-width:768px) {
    .slds-modal.slds-modal_small .slds-modal__container {
        width: 480px;
        max-width: none;
        min-width: 0;
    }
}
.slds-modal .slds-modal__content {
    padding: 24px;
}
.slds-modal .slds-modal__footer {
    padding: 8px 24px 24px;
}
.slds-modal .slds-modal__close {
    --lwc-colorTextLinkInverse: #302C2D;
    --lwc-colorTextLinkInverseHover: #666666;
    bottom: -26px;
    z-index: 1;
    left: -8px;
    right: auto;
    --lwc-squareIconUtilityLarge: 16px;
    height: 18px;
    width: 18px;
    line-height: 1;
}
.slds-modal .slds-form-element__label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}
.slds-modal .slds-form-element__label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    color: #302C2D;
}
.slds-modal .slds-input {
    font-size: 16px;
    line-height: 20px;
    padding: 11px 16px;
    --slds-c-input-text-color: #302C2D;
    --lwc-colorTextInputDisabled: rgb(48 44 45 / 50%);
}

/* EDIT CONTACT MODAL TOOLTIP */
lightning-modal-body.edit-contact-modal lightning-input-field.slds-form-element[data-attribute="Email"] .slds-form-element__label::after {
    content: "To update a contact email address please reach out to us at success@tangocard.com.";
    display: inline;
    margin-inline-start: 4px;
}