/* Written by: Andrew Smith | Perficient | March 2022 */
/* Updated by: Konrad Koenig & Stanislav Alimpov | Varonis | Nov 2024 */

/*Zoomin Styles*/
/*User Story 84593: Help Community - Zoomin - Add Scroll bar to "On this Page"*/
.zoomin_appZMMiniTocComponent.toc_ready { height: max-content; overflow-x: scroll; max-height: 75vh;} 

/*User Story 84967: Help Community - Zoomin - Update CSH Title link color and underline*/
.csh-item.zoomin_appCSHItemComponent .csh-item__title {color: #0075FF; text-decoration: underline;} 

/*User Story 89374: Help Community - Update Community Page - Expand width of Zoomin content viewer*/
.comm-page-custom-document-item .cb-section_column {padding: 16px 0 16px 0 !important;}
.zoomin_appZMContentViewerComponent .bundle-container {width: 50% !important;}
.comm-page-custom-document-item .cb-section {padding-top: 5px}
.comm-page-custom-search-result .cb-section {padding-top: 20px}
.zoomin_appZMContentViewerComponent {padding-right: 0 !important;} 
.zoomin_appTableOfContentComponent .toc-content-container__toc--visible {margin-top: -.5vh;} 

/* ---- GLOBAL STYLES ---- */
html,
body {
    height: 100%;
    background-color: var(--lightestGrey) !important;
    font-family: "Graphik LC Web", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 26px;
    
}

html body {
    background-color: var(--lightestGrey) !important;
    font-size: 16px;
}

/* fonts */
@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/s/sfsites/c/resource/vh_assets/Graphik-BoldItalic-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-BoldItalic-Cy-Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-Bold-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-Bold-Cy-Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-SemiboldItalic-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-SemiboldItalic-Cy-Web.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-Semibold-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-Semibold-Cy-Web.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-MediumItalic-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-MediumItalic-Cy-Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    font-display: block;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-Medium-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-Medium-Cy-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: block;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-RegularItalic-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-RegularItalic-Cy-Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-Regular-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-Regular-Cy-Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-LightItalic-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-LightItalic-Cy-Web.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik LC Web';
    src: url('/s/sfsites/c/resource/vh_assets/Graphik-Light-Cy-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/Graphik-Light-Cy-Web.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Condensed';
    src: url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-Semibold-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-Semibold-Web.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Condensed';
    src: url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-SemiboldItalic-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-SemiboldItalic-Web.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Condensed';
    src: url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-Medium-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-Medium-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Condensed';
    src: url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-MediumItalic-Web.woff2') format('woff2'),
        url('/s/sfsites/c/resource/vh_assets/GraphikCondensed-MediumItalic-Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}

/* these have to be important to override salesforce's styling */
body h1 {
    font-weight: 500 !important;
    font-size: 1.2rem !important;
    line-height: 64px;
}

body h2 {
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    line-height: 52px;
}

body h3 {
    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 36px;
}

body h4 {
    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 32px;
}

body h5 {
    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 28px;
}

body h6 {
    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 26px;
}

 h1, h2, h3, h4, h5, h6 {
    font-family: 'Graphik LC Web', sans-serif !important;
}
small {
    font-size: 14px !important;
    line-height: 24.5px;
}

strong,
b {
    font-weight: 500 !important;
}

body a {
    color: var(--electricBlue);
}

body a:hover {
    color: var(--electricBlue);
    text-decoration: underline;
}





/* ---- VARIABLES ---- */
:root {
    --lightestGrey: #F3F4F6;
    --ketchupred: #ED0E00;
    --black: #010203;
    --electricBlue: #0075ff;
    --darkestGray: #4c4d4a;
    --goldenrod: #ffa43f;
    --white: #fff;
    --midGray: #8D8E92;
    --borderGray: #C3C6D8;
    --lightBorder: #DADBE1;
    --lightGray2: #eeeff8;
    --cornflower: #98b5f5;
    --cornflower2: #71a3ec;
    --cybergreen: #8be000;
}


/* ---- REUSABLE STYLES ---- */
.inline {
    display: inline-block;
}

.roundProfileImage {
    cursor: pointer;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
    opacity: 1;
    margin: 0 auto;
}

.roundProfileImage:hover {
    opacity: 0.7;
}

.roundProfileImage img {
    width: 155px;
    height: 155px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}


/* main button styling */
body .slds-button_brand,
body .slds-button--brand {
    background-color: var(--electricBlue);
    color: var(--white);
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    padding: 11px 32px;
    border: 2px solid transparent;
    border-radius: 50px; 
    min-width: 152px;
    cursor: pointer;
    display: inline-block;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
}

body .slds-button_brand:hover {
    background-color: var(--cornflower2);
}

body .slds-button_outline-brand {
    color: var(--electricBlue);
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    padding: 11px 32px;
    border: 2px solid var(--electricBlue);
    border-radius: 50px;
    min-width: 152px;
    cursor: pointer;
    display: inline-block;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
}

body .modal-footer .slds-button {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    padding: 11px 32px;
    border: 2px solid var(--electricBlue);
    color: var(--electricBlue);
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
    cursor: pointer;
    border-radius: 50px;
    height: 45px;
}

body .modal-footer .uiButton--brand,
body .modal-footer .slds-button_brand {
    color: var(--white);
    background-color: var(--electricBlue);
}

body .modal-footer .slds-button:hover {
    background-color: var(--electricBlue);
    color: var(--white);
}

body .modal-footer .uiButton--brand:hover,
body .modal-footer .slds-button_brand:hover {
    background-color: var(--cornflower2);
    color: var(--white);
    border-color: var(--cornflower2);
}

body .uiButton--neutral:hover,
body .uiButton--neutral:focus {
    background-color: var(--electricBlue);
    color: var(--white);
}

.slds-button_outline-brand:hover {
    border-color: var(--darkestGray);
    color: var(--darkestGray);
    background-color: transparent;
}
.guestlearnmore-button {
    background-color: var(--electricBlue);
    border: 1px solid var(--electricBlue);
    color: white;
}
body .slds-button_neutral,
body .slds-button--neutral {
    color: var(--electricBlue);
    background-color: transparent;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    padding: 11px 32px;
    border: 2px solid var(--electricBlue);
    border-radius: 50px !important;
    min-width: 152px;
    cursor: pointer;
    display: inline-block;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
}

body c-vh_callout_imagebackground .slds-button_neutral,
body c-vh_callout_bluebackground .slds-button_neutral {
	color: var(--white);
	border: 2px solid var(--white);
}
body c-vh_callout_graybackground .slds-button_neutral {
	color: var(--white);
	border: 2px solid var(--white);
}
body c-vh_callout_whitebackground .slds-button_outline-brand {
	color: var(--black);
	border: 2px solid var(--black);
}

body div .slds-button--neutral {
    color: var(--electricBlue);
    border-color: var(--electricBlue);
}

body div .slds-button.register_guest {
    background-color: #0066ff;
    justify-content: center;
}

body div .slds-button.register_guest:hover {
    background-color: #03398a;
}

.chatterActionContainer button {
	border-width: var(--lwc-borderWidthThin, 1px);
}

body c-vh_callout_whitebackground .slds-button.slds-button_outline-brand:hover,
body div .slds-button--neutral:hover,
body div .slds-button_neutral:hover  {
    background-color: var(--cornflower2);
    color: var(--white);
    text-decoration: none;
    border-color: var(--navy);
}

body c-vh_callout_bluebackground .slds-button_neutral:hover {
    border-color: var(--navy);
    color: var(--navy);
}
body c-vh_callout_graybackground .slds-button_neutral:hover {
    border-color: var(--navy);
    color: var(--navy);
}
body .slds-button_brand[disabled],
body .slds-button_brand:disabled,
body .slds-button--brand[disabled],
body .slds-button--brand:disabled {
    color: var(--midGray);
    border-color: var(--midGray);
    background: transparent !important;
    cursor: not-allowed;
}


/* ---- COMPONENT SPECIFIC SECTION ---- */
/* header */
.headerWrap {
    background-color: var(--navy);
    padding-top: 20px;
    z-index: 999;
    padding-bottom: 20px;
    color: var(--white);
    background-image: url('/s/sfsites/c/resource/vh_assets/secondaryheaderbackground.jpg');
    background-size: cover;
    background-position: center;
}

.comm-page-home .headerWrap {
    background-image: url('/s/sfsites/c/resource/vh_assets/headerbackground2.jpg');
}                                                                                                                                                                                                                                                                                                                                                                                                             
                                                                                                                                                                                                                                                                                                                                                                                                                
.headerTop {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.logo {
    max-width: 240px;
    margin-left: 20px;
    position: absolute;
    left: 0;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
}

.logo:hover {
    opacity: 0.7;
}

.profileMenu {
    position: absolute;
    right: 0;
}






/* guest home page specific */
body .headerWrap.guestHeaderWrap {
    min-height: 75vh;
    background-image: url('/s/sfsites/c/resource/vh_assets/guestHeaderBackground.jpg');
    padding-bottom: 250px;
    padding-top: 20px;
}

.guestHeaderWrap .logo {
    margin-top: 20px;
}

.guestHeader {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 10vh;
margin-bottom: 8vh;
}

.guestPageWrap .slds-button {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 11px 32px;
    border-radius: 50px;
    min-width: 152px;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
    color: var(--white);
    border: 2px solid transparent;
    text-align: center;
}

.guestHeaderWrap .slds-button_neutral {
    border-color: var(--white);
}

.guestHeaderWrap .slds-button_neutral:hover,
.guestHeaderWrap .slds-button_neutral:active,
.guestHeaderWrap .slds-button_neutral:focus {
    opacity: 0.7;
}

.guestPageWrap .slds-button:hover {
    color: var(--white);
    text-decoration: none;
}

.guestPageWrap .slds-button_danger {
    background-color: var(--red);
    border-color: var(--red);
}

.guestPageWrap .slds-button_danger:hover,
.guestPageWrap .slds-button_danger:active,
.guestPageWrap .slds-button_danger:focus {
    background-color: #ED0E00;
    border-color: #ED0E00;
}

.guestMainCallout {
    max-width: 1200px;
    margin: -250px auto 0;
    padding: 60px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
}

.guestMainCallout .slds-button_neutral {
    border-color: var(--electricBlue);
    color: var(--electricBlue);
}

.guestMainCallout .slds-button_neutral:hover,
.guestMainCallout .slds-button_neutral:active,
.guestMainCallout .slds-button_neutral:focus {
    color: var(--darkestGray);
    border-color: var(--darkestGray);
}

.guestPageWrap ul li {
    line-height: 32px;
}

.guestPageWrap ul {
    margin: 8px 0 20px;
}

.login-wrapper .login {
    margin-right: 20px;
}





/* guest announcement */
body .guestAnnouncementLinkWrap .announcementWrap {
    background-color: white; /* Background color set to white */
    border: 2px solid var(--white);
    color: black; /* Body text color set to black */
    box-shadow: none;
    font-family: 'Graphik LC Web';
}

body .guestAnnouncementLinkWrap .announcementWrap h5 span {
    color: var(--electricBlue);
}




/* main navigation main nav menu */
body .comm-navigation__list {
    justify-content: center;
}

body .forceCommunityGlobalNavigation .slds-list_vertical {
    background-color: var(--white);
    color: var(--navy);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
    padding: 12px 4px;
}

.selfServiceUserProfileMenu {
    margin-top: 12px;
}

body .forceCommunityGlobalNavigation.comm-navigation {
    background: transparent;
    margin-top: 10px;
    min-width: 580px;
    text-align: center;
}

body .forceCommunityGlobalNavigation.comm-navigation ul ul {
    text-align: left;
}

body .forceCommunityGlobalNavigation .slds-list_horizontal .slds-is-nested a {
    padding: 10px 20px;
}

body .forceCommunityGlobalNavigation ul ul .slds-list__item a,
body .forceCommunityGlobalNavigation ul ul .slds-list__item button {
    font-weight: 400 !important;
    font-size: 14px;
    color: var(--darkestGray);
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
}

body .forceCommunityGlobalNavigation ul ul .slds-list__item a:hover,
body .forceCommunityGlobalNavigation ul ul .slds-list__item a:active,
body .forceCommunityGlobalNavigation ul ul .slds-list__item a:focus,
body .forceCommunityGlobalNavigation ul ul .slds-list__item button:hover,
body .forceCommunityGlobalNavigation ul ul .slds-list__item button:active,
body .forceCommunityGlobalNavigation ul ul .slds-list__item button:focus {
    color: var(--electricBlue);
    text-decoration: none;
}

body .forceCommunityGlobalNavigation .slds-list__item a:hover,
body .forceCommunityGlobalNavigation .slds-list__item a.slds-is-active:not([data-type="home"]),
body .forceCommunityGlobalNavigation .slds-list__item button:not([disabled]):hover,
body .forceCommunityGlobalNavigation .slds-list__item button:not([disabled]).slds-is-active:not([data-type="home"]) {
    background-color: transparent;
}

body .forceCommunityGlobalNavigation .slds-is-fixed>.slds-list_vertical>.slds-list__item>.comm-navigation__item>a,
body .forceCommunityGlobalNavigation .slds-is-fixed>.slds-list_vertical>.slds-list__item>.comm-navigation__item>button:not(.slds-is-open),
body .forceCommunityGlobalNavigation .slds-is-fixed .slds-is-nested {
    border-bottom: none;
    font-weight: 500;
    margin-bottom: 10px;
}

.navWrap {
    margin: 10px auto 0;
}

#menuToggle input,
#menuToggle>span {
    display: none;
}

.navMenu {
    z-index: 999;
}

nav.mainNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

nav.mainNav ul li {
    display: inline-block;
    margin-right: 30px;
    color: var(--white);
    cursor: pointer;
    padding: 12px 0;
    position: relative;
    font-size: 14px;
    line-height: 1.286;
    font-weight: 500;
}

nav.mainNav ul li:last-child {
    margin-right: 0;
}

nav.mainNav ul ul {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: var(--white);
    border-radius: 4px;
    padding: 20px;
}

nav.mainNav ul ul li a {
    color: var(--darkestGray);
    font-weight: 400;
    font-size: 14px;
}

nav.mainNav ul li:hover>ul,
nav.mainNav ul li:active>ul,
nav.mainNav ul li:focus>ul {
    display: inherit;
    cursor: pointer;
}

nav.mainNav ul .menuLabel:after {
    content: ' ';
    width: 16px !important;
    height: 14px !important;
    object-fit: cover;
    display: inline-block;
    background-image: url(/s/sfsites/c/resource/vh_assets/chevron-down.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 -1px 6px;
}

nav.mainNav ul ul li {
    min-width: 150px;
    float: none;
    display: list-item;
    position: relative;
    padding: 8px 0;
}

nav.mainNav a {
    display: block;
    text-decoration: none;
    color: var(--white);
}

nav.mainNav a:active,
nav.mainNav a:hover,
nav.mainNav a:focus {
    color: var(--electricBlue);
}

/* search bar */
/* -- temporary zoomin search styling  -- */
.zoomin_appSearchBoxComponent {
    border: none !important;
    margin-top: 13px;
    border-radius: 0 !important;
}


/* suggested search results */
body .su-autocompleteDiv {
    color: var(--darkestGray);
    max-width: 600px;
    margin: 0 auto;
}

body .su_customBannerAutoCompelte {
    margin-left: -8px;
    margin-top: 12px;
}

body .su-autoSuggest-element span {
    font-size: 16px !important;
    font-weight: 400 !important;
}



/* search results */
body .su_customBg,
body .advanceFilterMainDiv,
body .su__tabing {
    background: transparent;
}

body #filterList {
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .su_customItemContainer {
    border-radius: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border: none !important;
}

body .su__ribbon-title {
    background-color: var(--navy);
}

body .highlight {
    color: var(--electricBlue);
    font-weight: 500;
    font-style: normal;
}

body .su_customDullBlack {
    color: var(--darkestGray);
    font-weight: 400;
}

body .su__bg-blue-grd.su__side-Search-tips {
    background-color: var(--electricBlue) !important;
}







/* case deflection form */
body .submit-case-div .slds-form {
    background-color: var(--white);
    padding: 20px;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .cSUCaseDeflection h1 {
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: 500 !important;
    color: var(--darkestGray) !important;
}

body .cSUCaseDeflection .slds-input,
body .cSUCaseDeflection .slds-textarea {
    box-shadow: none !important;
}

body .cSUAuthList .su_listResult {
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border: none;
}

body .cSUAuthList .su_list-search-title a {
    color: var(--darkestGray);
    font-weight: 500;
}

body .cSUCaseDeflection .slds-file-selector__dropzone .slds-file-selector__button {
    min-width: auto;
    color: var(--electricBlue);
}

body .cSUCaseDeflection .slds-file-selector__dropzone .slds-file-selector__button:hover,
body .cSUCaseDeflection .slds-file-selector__dropzone .slds-file-selector__button:hover .slds-button__icon {
    color: var(--darkestGray);
}

body .cSUCaseDeflection .slds-button__icon {
    margin-left: 0;
}

body .cSUCaseDeflection .su-file-upload .slds-form-element .slds-form-element__label {
    position: relative;
    left: 0;
    display: none;
}

body .cSUCaseDeflection .slds-button__icon {
    color: var(--electricBlue);
    margin-top: -2px;
}

body .cSUCaseDeflection .slds-button__icon::after {
    content: 'Upload Files';
}






/* announcements */
.announcementLinkWrap {
    color: var(--darkestGray);
    margin-bottom: 20px;
    display: block;
}

.announcementLinkWrap:hover,
.announcementLinkWrap:active,
.announcementLinkWrap:focus {
    text-decoration: none;
}

.announcementWrap {
    background-color: var(--white);
    position: relative;
    color: var(--darkestGray);
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.announcementWrap:hover {
    text-decoration: none;
    opacity: 0.7;
}

.announcementWrap:hover .announcementText {
    text-decoration: none;
}

.announcementIcon {
    margin: 0 auto;
    max-width: 24px;
    max-height: 24px;
    height: auto;
    width: auto;
}

.announcementColorType {
    height: 100%;
    width: 10px;
    display: block;
    top: 0;
    bottom: 0;
    position: absolute;
}

.announcementColorType>div {
    width: 100%;
    height: 100%;
}

.announcementColorType>div.Alert {
    background-color: var(--red);
}

.announcementColorType>div.Warning {
    background-color: var(--goldenrod);
}

.forceCommunitySection .announcementLinkWrap:nth-child(even) div.Info {
	background-color: var(--cybergreen);
}

.forceCommunitySection .announcementLinkWrap:nth-child(odd) div.Info {
	background-color: var(--electricBlue);
}

.guestHeader .announcementLinkWrap div.Info {
    background-color: var(--electricBlue);
}

.announcementText {
    font-size: 12px;
    line-height: 16px;
}

.announcementExcerpt {
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.announcementTextWrap {
    margin: 12px 0 16px 0;
    padding: 0 24px 0 0;
}

.announcementTextWrap h6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* feedback */
.feedbackTab {
    position: absolute;
    top: 250px;
    right: -45px;
    transform: rotate(-90deg);
    font-size: 18px;
    font-weight: 500;
}

.feedbackTab a {
    color: var(--white);
    background-color: var(--electricBlue);
    padding: 18px 30px;
    opacity: 1;
    word-spacing: 4px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
}

.feedbackTab a:hover {
    color: var(--white);
    text-decoration: none;
    opacity: .7;
}


/* member spotlight */
.memberSpotlight {
    padding: 20px;
}

.spotlightTitle {
    color: var(--midGray);
}

.spotlightTitle:hover {
    text-decoration: none;
}


.memberSpotlight .profileImage img {
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}

.doubleArrowRight {
    background-image: url('/s/sfsites/c/resource/SVG/ElectricBlue/Brand_Icons_ElectricBlue_Forward.svg');
    background-size: contain;
    height: 20px;
    width: 20px;
}



/* simple link callout */
.simpleLinkCalloutWrap {
    background: var(--white);
    padding: 10px 20px 10px 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.simpleLinkAnchor {
    text-decoration: none;
    color: var(--darkestGray);
    margin-bottom: 20px;
}

.simpleLinkAnchor:hover,
.simpleLinkAnchor:active,
.simpleLinkAnchor:focus {
    text-decoration: none;
    color: var(--electricBlue);
}
.simpleLinkText {
     color: black;
font-family: 'Graphik LC Web' !important;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
    /* Add other styles here */
}
.iconContainer {
    position: relative;
   
}

.simpleLinkIcon {
    max-width: 24px;
    line-height: 50px;
    height: 50px;
}

/* video card */
.videoWrap {
    margin-bottom: 20px;
}

.videoWrapLink {
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
    opacity: 1;
}

.videoWrapper {
    padding: 20px;
    color: var(--darkestGray);
    opacity: 1;
    height: 360px;
    overflow: hidden;
}

.videoThumb img {
    width: 100%;
    height: 165px;
    object-fit: cover;
}

.videoThumb {
    margin-bottom: 12px;
}

.videoWrapper h5 {
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.videoWrapper p {
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.videoWrapLink:hover,
.videoWrapLink:focus,
.videoWrapLink:active {
    text-decoration: none;
}

.videoWrapLink:hover .videoWrapper {
    opacity: 0.7;
}

/* graphic callouts */
.calloutWrap,
.calloutWhiteWrap {
    padding: 20px;
    background: var(--electricBlue);
    color: var(--white);
    height: 276px;
    position: relative;
}

.calloutGrayWrap {
    padding: 20px;
    background: #2F3032;
    color: var(--white);
    height: 276px;
    position: relative;
}

.calloutImageWrap,
.calloutWrap,
.calloutWhiteWrap,
.calloutGrayWrap {
    border-radius: 4px;
    outline: 1px solid black;
}

.calloutWrap a,
.calloutWhiteWrap a,
.calloutImageWrap a,
.calloutGrayWrap a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.calloutWrap h5,
.calloutWhiteWrap h5,
.calloutGrayWrap h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.calloutImageWrap h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.calloutWrap p,
.calloutWhiteWrap p,
.calloutGrayWrap p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.calloutImageWrap {
    padding: 0;
    background: var(--electricBlue);
    color: var(--white);
    height: 276px;
    position: relative;
}

body .calloutWhiteWrap {
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    color: var(--darkestGray);
}

.calloutImageWrap {
    position: relative;
}

.calloutImageWrap img {
    object-fit: cover;
    border: none !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
}

.calloutImageWrap a {
    z-index: 999;
    position: absolute;
    bottom: 20px;
    display: block;
    left: 20px;
}

.calloutImageWrap {
    overflow: hidden;
}

.calloutImageWrap h3 {
    position: absolute;
    top: 40px;
    margin: 0;
    max-width: 100%;
    z-index: 999;
    padding: 0 20px;
}

.calloutWrap .slds-button,
.calloutWhiteWrap .slds-button {
    position: absolute;
    bottom: 20px;
}

.calloutGrayWrap .slds-button {
    position: absolute;
    bottom: 20px;
    background-color: #2F3032;
    border: 1px solid white;
    color: var(--white);
}

.calloutWrap .calloutIcon img,
.calloutWhiteWrap .calloutIcon img,
.calloutGrayWrap .calloutIcon img {
    height: 32px;
    width: auto;
}

.footerCalloutCenter .calloutWrap,
.footerCalloutCenter .calloutWhiteWrap,
.footerCalloutCenter .calloutImageWrap,
.footerCalloutCenter .calloutGrayWrap {
    margin-bottom: 20px;
}

/* general form styling */
body .slds-combobox__input,
body .slds-textarea,
body .slds-input,
body .forceCommunityUserSettingsCustomizable input[type=checkbox] {
    border: 1px solid var(--lightBorder) !important;
}




/* footer */
.footerCalloutWrap {
    border-top: 5px solid var(--lightGray2);
}

.footerCallout {
    max-width: 900px;
    padding: 80px 0;
    margin: 0 auto;
}

.footerTop {
    max-width: 80%;
    margin: 0 auto;
    padding: 40px 0;
    border-top: 5px solid var(--lightGray2);
    border-bottom: 5px solid var(--lightGray2);
}

.footerTop .uiOutputRichText h5 {
    margin-bottom: 12px;
}

.footerTop .uiOutputRichText {
    line-height: 32px;
}

.footerBottom {
    max-width: 80%;
    margin: 40px auto 0;
    padding-top: 20px;
    padding-bottom: 75px;
}

.footerBottom .uiOutputRichText a {
    color: var(--darkestGray) !important;
    font-size: 12px;
}

.footerBottom .uiOutputRichText a:hover {
    color: var(--electricBlue) !important;
}


/* ---- SALESFORCE OVERRIDES ---- */
body .uiContainerManager {
    height: auto;
}

body .forceChatterQuestionPost .publisherInputContainer,
body .forceChatterQuestionPost .publisherInputContainer .forceChatterTopicSuggestionAutoComplete .uiInput input,
body .forceChatterQuestionPost .publisherInputContainer input,
body .forceChatterQuestionPost .publisherInputContainer textarea,
body .forceChatterQuestionPost .publisherInputContainer .uiLabel,
body .forceChatterQuestionPostDesktop .uiLabel,
body .forceChatterQuestionPostDesktop .slds-form-element__label,
body .slds-text-body_regular {
    font-size: 16px;
}

.forceCommunitySection {
    padding: 60px 0 80px;
}

body .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child),
body .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
    margin-bottom: 20px;
}

body .slds-textarea {
    font-size: 16px;
    font-weight: 400;
    color: var(--darkestGray);
}


/* list styling */
body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list ul,
body .forceCommunityRichText ul {
    margin: 16px 0 16px 30px;
    padding: 0;
}

body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list ol,
body .forceCommunityRichText ol {
    margin: 16px 0 16px 30px;
    padding: 0;
}

body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list ul li,
body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list ol li,
body .forceCommunityRichText ol li,
body .forceCommunityRichText ul li {
    left: 16px;
    line-height: 24px;
    padding: 0 0 18px 20px;
}

body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list ul li,
body .forceCommunityRichText ul li {
    list-style: disc;
}

body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list ol li,
body .forceCommunityRichText ol li {
    list-style: decimal;
}

body .bodyWrap .largeContainer ol ol {
    list-style-type: lower-alpha !important;
}

body .bodyWrap .largeContainer ol ol ol {
    list-style-type: lower-roman !important;
}

/* specific to article page lists */
body div .article .article__content .acknowltngKnowledgeArticleBody ul.article__item-list {
    margin: 0;
}

/* specific to rich text lists */
body .forceCommunityRichText li:not(.ql-direction-rtl):before {
    margin: 0;
    width: 0;
}

body .forceCommunityRichText ul>li:before,
body .forceCommunityRichText ol li:before {
    content: none;
}

body .forceCommunityRichText ul li,
body .forceCommunityRichText ol li {
    margin-left: 20px;
    padding-left: 16px !important;
}

body div .forceCommunityRichText ol li::before {
    content: '';
    display: none;
}

body .forceCommunityRichText ul li.ql-indent-1,
body .forceCommunityRichText ol li.ql-indent-1 {
    margin-left: 40px;
}

body .forceCommunityRichText ul li.ql-indent-2,
body .forceCommunityRichText ol li.ql-indent-2 {
    margin-left: 60px;
}

body .forceCommunityRichText ul li.ql-indent-3,
body .forceCommunityRichText ol li.ql-indent-3 {
    margin-left: 80px;
}




/* deal registration */
body .forceCommunityCreateRecordForm .headerLabel {
    text-align: left;
    font-size: 30px !important;
    line-height: 35px !important;
    font-weight: 500;
}

body .ldtdev {
    font-family: "Graphik LC Web", sans-serif !important;
}





/* knowledge articles trending articles by topic */
body div .comm-topic-trending-articles {
    background-color: var(--white);
    padding: 30px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    display: block;
}

body div .comm-topic-trending-articles a {
    text-decoration: none !important;
}

body div .comm-topic-trending-articles a span {
    color: var(--electricBlue) !important;
    font-size: 16px !important;
    font-weight: 400;
}

body div .comm-topic-trending-articles a:hover,
body div .comm-topic-trending-articles a:active,
body div .comm-topic-trending-articles a:focus {
    text-decoration: underline !important;
}

body div .comm-topic-trending-articles>h2 {
    font-size: 24px !important;
    line-height: 32px;
    font-weight: 500 !important;
}

body .comm-topic-trending-articles ul li .slds-text-body_small {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}





/* overriding AC Knolwedge Detail Styling */
body .acknowltngKnowledgeArticleItem {
    margin: 0 !important;
    padding: 20px;
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

/* .acknowltngKnowledgeArticleBody .article__item-list div li span {
    display: block;
} */

body .acknowltngKnowledgeArticleItem {
    font-family: "Graphik LC Web", sans-serif !important;
}

body .acknowltngKnowledgeArticleItem .article__item-list div li span b {
    font-weight: 500 !important;
}

.acknowltngKnowledgeArticleItem .article__desc,
.acknowltngKnowledgeArticleItem .articles-item__head .slds-badge {
    display: none;
}

body .badgeName {
    font-size: 18px !important;
    font-weight: 500;
}

body .acknowltngKnowledgeArticleBody .article__item-list {
    border: none;
    padding: 0;
    margin: 0;
}

body .acknowltng .head-page:after {
    content: none;
}

.acknowltngKnowledgeArticleItem h1.head-page__title {
    color: var(--darkestGray);
    font-weight: 500 !important;
    font-size: 30px !important;
    line-height: 36px !important;
}

.acknowltngKnowledgeArticleItem .acknowltngKnowledgeArticleBody {
    font-size: 16px;
    line-height: 26px;
}





/* Q&A (Questions and Answers) discussion feed */
/* this hides the topics from Q&A Feed
 .cuf-feedElementIterationItem .forceChatterSimpleFeedItemTopics {
    display: none;
}*/

.feedActions .cuf-refresh {
    display: none;
}

.feedActions .feeds-filter {
    margin-right: 0;
}

.resizeCaptureFrameWrapper .feedActions {
    padding: 8px 0 12px 0 !important;
}

.feedActions .right-actions .forceChatterSearchInFeed {
    margin: 0;
}

.feedActions .feeds-sorter-trigger .slds-form-element__label {
    display: none;
}

.cuf-feedElementIterationItem .forceChatterFeedItemHeader a>.uiOutputText {
    display: block;
}

.cuf-feedElementIterationItem .forceChatterFeedItemHeader {
    line-height: 150%;
}

.cuf-feedElementIterationItem .forceChatterFeedItemHeader.slds-media__body {
    margin-left: 2px;
    margin-top: -4px;
}

.cuf-feedElementIterationItem .forceChatterFeedItemHeader .cuf-preamble p>span.forceChatterEntityLink {
    display: inline-block;
}

.cuf-feedElementIterationItem .forceChatterFeedItemHeader .cuf-preamble p>span.forceChatterEntityLink a:hover {
    border: none;
    text-decoration: underline;
}

.cuf-feedElementIterationItem .forceChatterFeedItem .entityLinkHover:hover {
    border-bottom: none;
}

.cuf-feedElementIterationItem .forceChatterFeedItemHeader .cuf-preamble p>span:last-child {
    display: none;
}

body .cuf-feedElementIterationItem .cuf-entityLink {
    color: var(--darkestGray);
}

body .cuf-feedElementIterationItem .cuf-entityLink:hover {
    color: var(--electricBlue);
    text-decoration: none;
}

.forceChatterStyle .entityLinkHover .uiOutputText {
    border-bottom: none !important;
}

.cuf-questionTitle {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 26px;
}

.commentActorAndInput .slds-grow .slds-form-element__control .slds-input {
    border: none !important;
}

.cuf-feedElementIterationItem {
    background-color: var(--white);
    padding: 0;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .forceChatterStyle--default .slds-feed__item:first-child {
    padding-top: 0;
}

.cuf-feedElementIterationItem .cuf-feedItem {
    padding: 20px !important;
}

.cuf-feedElementIterationItem .cuf-feedback {
    padding: 20px;
}

.commentInputArea {
    background-color: var(--lightGray2);
    border: none;
    margin-top: 10px !important;
}

.cuf-feedElementIterationItem .cuf-media-right .slds-button_icon-x-small {
    border: none;
}

.cuf-feedElementIterationItem .forceChatterFeedItem--default .cuf-feedItem>div {
    margin-bottom: 8px;
}

.cuf-feedElementIterationItem .forceChatterFeedItem--default .cuf-feedItem>div.feedItemHeader {
    margin-bottom: 0;
}

.cuf-feedElementIterationItem .slds-post__header {
    margin-bottom: 0 !important;
}

body .forceChatterStyle--default .cuf-feedElement.cuf-feedElement {
    padding: 0;
}

.cuf-feedElement,
body .forceChatterFeedItem .feed__item-comments--threadedCommunity {
    background: transparent;
    border: none;
}

body .forceChatterFeedItem .feed__item-comments--threadedCommunity {
    padding: 0;
}

body .forceChatterFeedItem .comment--threadedCommunity {
    margin: 0 20px;
}

.cuf-focusCommentInput,
.forceChatterShareButton,
.cuf-feedElementIterationItem .sectionBreak,
.comment__footer .wrap-list-items feeds_replying-trigger.slds-item,
.slds-post__footer .cuf-seenBy,
.slds-post__footer .qe-viewCount,
.slds-post__footer .qe-commentCount::after,
.comment__footer .wrap-list-items .slds-item:after {
    display: none;
}

.slds-post__footer {
    margin-top: 12px;
}

body .siteforceContentArea .ui-widget .forceCommunityAskCommunity.askCommunityBtn {
    float: left;
    margin-top: -52px;
    width: 190px;
    font-weight: 500;
    font-size: 16px;
text-transform: none;
}

body .siteforceContentArea .ui-widget .forceCommunityAskCommunity.askCommunityBtn:hover {
    border-color: var(--cornflower2);
    background-color: var(--cornflower2);
}

.cuf-entityLink .hover-button-icon-element {
    display: none;
}

.cuf-showMoreContainer .cuf-showMore {
    color: black;
    border-color: black;
}

.cuf-showMoreContainer .cuf-showMore:hover,
.cuf-showMoreContainer .cuf-showMore:active,
.cuf-showMoreContainer .cuf-showMore:focus {
    color: var(--darkestGray);
    border-color: var(--darkestGray);
}

.forceChatterAttachFileButton {
    min-width: auto !important;
}

.slds-list--horizontal .slds-item {
    margin-right: 10px;
}

.forceChatterToggleLike .slds-button .selected {
    background: transparent;
}

body .forceChatterFeedAuxBodyQuestionPostInner .bestAnswerHeaderText {
    color: var(--green);
    font-weight: 500;
}

body .forceChatterFeedAuxBodyQuestionPostInner .questionWithBestAnswerIcon {
    color: var(--green);
}

body .comment__footer .slds-text-color_success,
body .slds-text-color_success .slds-icon {
    color: var(--green);
}

body .comment__footer .slds-text-color_success span {
    font-weight: 500;
}

body .forceChatterFeedItemHeader .cuf-timestamp,
body .comment__header .cuf-commentAge {
    color: var(--borderGray) !important;
}

.slds-rich-text-editor__toolbar .slds-button-group-list .slds-button {
    padding: 3px 6px;
    border-color: var(--lightBorder);
}

.forceChatterCompactFeedItem {
    background-color: var(--white);
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

/* compact quesiton feed + quesiton detail */

.forceChatterCompactFeedItem svg {
    fill: var(--midGray);
}

.forceChatterCompactFeedItem .metrics {
    color: var(--midGray);
}

.forceChatterCompactFeedItem .slds-icon-utility-answer {
    color: var(--green);
    font-weight: 500;
}

.forceChatterCompactFeedItem .slds-icon-utility-answer svg {
    fill: var(--green);
}

.forceCommunityFeedItemDetail .cuf-singleFeedItemWrapper .forceChatterFeedItem--default {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.forceCommunityFeedItemDetail .cuf-singleFeedItemWrapper .cuf-element .cuf-feedItem {
    padding: 20px !important;
}

.topic-commaSeparatedList a {
    pointer-events: none;
    color: var(--borderGray) !important;
    border-color: var(--borderGray) !important;
    line-height: 100% !important;
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li {
    padding: 0 6px 0 0 !important;
}

.topic-topicContainer .slds-icon-utility-topic {
    padding-left: 0 !important;
}

.forceCommunityFeedItemDetail .cuf-likersBar {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: .5rem !important;
    padding-bottom: 1rem !important;
}

.forceCommunityFeedItemDetail .commentHeader {
    padding-left: 1rem !important;
}

.forceCommunityFeedItemDetail .commentHeader {
    font-weight: 500;
}

.forceCommunityFeedItemDetail .forceChatterOverflowActionMenu .slds-button_icon-border {
    border: none !important;
}

.cuf-feedElementFullView .cuf-singleFeedItemWrapper .forceChatterFeedback {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}










/* ask a question */
.forceChatterQuestionPostDesktop .showMoreDetailsTrigger {
    display: none;
}

body .comm-case-deflection__item {
    line-height: 16px;
}

body .forceChatterBasePublisher.baseDefault .container .cuf-publisherAttachmentBar .cuf-publisherAttachmentButton {
    min-width: 20px;
}

.cuf-publisherTopics .topicWidget {
    display: none;
}

body .forceCommunityCaseDeflection .comm-topic-trending-articles {
    margin-top: 8px;
}

body .forceCommunityCaseDeflection .subtitle {
    font-weight: 400;
    font-size: 16px;
}

body .forceCommunityCaseDeflection .caseDeflectionListItem a {
    font-weight: 500;
    font-size: 14px;
    padding: 0;
}






/* documentation */
.bcc__bundle-title-block h1.bcc__bundle-title {
    font-size: 18px !important;
    line-height: 26px;
}

body .BundleContentComponent .BundleBody h2.topictitle2 {
    font-size: 24px !important;
    line-height: 32px;
    margin: 20px 0 0 0 !important;
}

.zoomin_appBundleContentComponent .bcc__title-block .bcc__title {
    font-size: 30px !important;
    line-height: 36px !important;
    color: black;
}

.toc__title {
    font-size: 18px !important;
    line-height: 26px;
}

body .zoomin_appZMContentViewerComponent .bundle-content-container {
    background-color: var(--white);
    padding: 8px 40px 20px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .zoomin_appBundleBodyComponent {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.zoomin_appBundleBodyComponent .body .sectiontitle {
    font-size: 18px !important;
    line-height: 26px;
    font-weight: 500;
    margin-top: 8px;
}

body .zoomin_appBundleBodyComponent.bundle-body article .note .note__title,
body .zoomin_appBundleBodyComponent.bundle-body article .uicontrol {
    font-weight: 500;
}

body .zoomin_appZMContentViewerComponent .toc-content-container {
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body.comm-page-custom-document-item .zoomin_appZMContentViewerComponent .toc-content-container {
    box-shadow: none;
}

body.comm-page-custom-document-item .zoomin_appZMContentViewerComponent .toc-content-container .toc-container {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .zoomin_appTableOfContentComponent .toc__expand-collapse-break {
    height: 24px;
    background: var(--borderGray);
}

body .zoomin_appTableOfContentComponent .toc-item.toc-item--active>.toc-item__title-container>.toc-item__title {
    font-weight: 500;
    color: var(--electricBlue);
}

body .zoomin_appTableOfContentComponent .toc-item .toc-item__title {
    color: black;
    font-size: 14px;
    line-height: 26px;
}

body div .zoomin_appBundleBodyComponent.BundleBody {
    font-size: 16px;
    color: var(--darkestGray);
    line-height: 26px;
    font-weight: 400;
    margin-top: 24px;
}

body .zoomin_appPublicationItemComponent.tile_item-head {
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .zoomin_appFiltersDropdownComponent .filtered_by,
body .zoomin_appPublicationSearchComponent .slds-form-element__control .slds-input,
body .zoomin_appPublicationSortingComponent .sort-sorted_by {
    border-radius: 50px !important;
    border: none;
    color: var(--darkestGray);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border: none;
}

body .zoomin_appPublicationItemComponent {
    color: black !important;
    font-family: "Graphik LC Web", sans-serif !important;
}

body .zoomin_appPublicationItemComponent .tile_item-badges .tile_item-badge {
    color: var(--midGray);
}

body .zoomin_appZMBreadcrumbsComponent span,
body .zoomin_appZMBreadcrumbsComponent span a,
body .zoomin_appZMBreadcrumbsComponent span a:hover,
body .zoomin_appZMBreadcrumbsComponent span a:focus,
body .zoomin_appZMBreadcrumbsComponent span a:active {
    color: var(--darkestGray);
}

body .zoomin_appZMBreadcrumbsComponent .home-link,
body .zoomin_appZMBreadcrumbsComponent .home-link:hover,
body .zoomin_appZMBreadcrumbsComponent .home-link:focus,
body .zoomin_appZMBreadcrumbsComponent .home-link:active {
    color: var(--darkestGray);
}

body .zDocsTopicRating {
    background-color: var(--white);
    padding: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    margin-top: 66px;
}

.zDocsTopicRating .zDocsRatingItem {
    margin-right: 8px;
    border-radius: 50px;
}

body .zDocsTopicRating .like-content__title {
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    color: black;
    letter-spacing: 0;
}

c-documentation-landing-page {
    top: 0;
    position: relative;
}

body .zoomin_appPublicationItemComponent .row_item-title a {
    color: black;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 26px;
}

body .zoomin_appPublicationItemComponent.row_item-head {
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: none;
    background-color: var(--white);
    margin-bottom: 20px;
}

body .zoomin_appPublicationContentComponent .item_list_rows {
    background-color: transparent;
}

body .zoomin_appPublicationItemComponent .row_item-separator {
    display: none;
}

body .zoomin_appPublicationItemComponent .row_item-follower-bundles-list {
    line-height: 30px;
}

body .zoomin_appZMMiniTocComponent,
body .zoomin_appZMMiniTocComponent .mini-toc__list {
    padding: 0;
}

body .zoomin_appZMMiniTocComponent {
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .zoomin_appZMRelatedContentComponent {
    padding: 16px;
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .zoomin_appZMMiniTocComponent .mini-toc__title,
body .zoomin_appZMRelatedContentComponent .related-content__title {
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    color: black;
    letter-spacing: 0;
}

body .zoomin_appMiniTocBodyComponent .mini-toc__link div,
body .zoomin_appZMRelatedContentComponent .related-content__link a {
    font-size: 14px;
    color: var(--darkestGray);
}

body .zoomin_appMiniTocBodyComponent .mini-toc__link div.anchor-active {
    font-weight: 500;
    color: var(--electricBlue);
}

body .zoomin_appZMRelatedContentComponent .related-content__links .related-content__link a:hover,
body .zoomin_appZMRelatedContentComponent .related-content__links .related-content__link a:active,
body .zoomin_appZMRelatedContentComponent .related-content__links .related-content__link a:focus,
body .zoomin_appMiniTocBodyComponent .mini-toc__link div:hover,
body .zoomin_appMiniTocBodyComponent .mini-toc__link div:active,
body .zoomin_appMiniTocBodyComponent .mini-toc__link div:focus {
    text-decoration: none;
    color: var(--electricBlue);
}

body .zoomin_appBundleBodyComponent a:link {
    color: var(--electricBlue);
    text-decoration: none;
}

body .zoomin_appBundleBodyComponent a:hover,
body .zoomin_appBundleBodyComponent a:active,
body .zoomin_appBundleBodyComponent a:focus {
    text-decoration: underline;
}

body .zoomin_appBundleBodyComponent.bundle-body article b,
body .zoomin_appBundleBodyComponent.bundle-body article strong,
body .zoomin_appBundleBodyComponent.bundle-body article thead th {
    font-weight: 500;
}

body .zoomin_appBundleBodyComponent.bundle-body article thead th {
    background-color: var(--lightGray2);
}

body .zoomin_appBundleBodyComponent.bundle-body article pre,
body .zoomin_appBundleBodyComponent.bundle-body article code,
body .zoomin_appBundleBodyComponent.bundle-body article kbd,
body .bundle-body article .filepath {
    color: var(--darkestGray);
    border: none;
    background-color: var(--lightGray2);
    font-size: 16px;
    word-wrap: break-word;
    font-family: monospace, serif;
    padding: 2px 4px;
    border-radius: 4px;
}

body .zoomin_appBundleBodyComponent.bundle-body article table,
body .zoomin_appBundleBodyComponent.bundle-body article table th,
body .zoomin_appBundleBodyComponent.bundle-body article table td {
    border-color: var(--borderGray);
}

body .zoomin_appFiltersDropdownComponent .documentation-filters__filter-title {
    color: black;
}

body .zoomin_appFiltersDropdownComponent .documentation-filters {
    width: 300px;
}

body .zoomin_appPublicationFiltersComponent {
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    margin-top: 58px;
}

body .zoomin_appPublicationFiltersComponent .documentation-filters__title {
    font-weight: 500;
    color: black;
}

.zoomin_appZMContentViewerComponent .slds-modal__container .slds-modal__title {
    font-size: 18px !important;
    line-height: 26px;
    font-weight: 500;
    color: black;
}

body .zoomin_appBundleContentComponent .bcc__bundle-title-block .bcc__action-bar {
    margin-right: 0;
}

body .zoomin_appActionBarComponent .action-bar__item {
    margin: 0 0 0 10px;
}

body .zoomin_appBundleBodyComponent.bundle-body article .table td {
    vertical-align: top;
}

.zoomin_appBundleBodyComponent .wintitle,
.zoomin_appBundleBodyComponent .option {
    font-weight: 500;
}

/* draft, private preview, internal use only "watermark" text */
.BundleBody .wm {
    /* watermark style */
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 90px;
    line-height: 100%;
    color: rgb(171 171 171 / 20%);
    position: absolute;
    text-transform: uppercase;
    top: 125px;
    letter-spacing: 2px;
    pointer-events: none;
    width: 100%;
    text-align: center;*/

    /* badge style */
    background-color: var(--electricBlue);
    padding: 2px 10px;
    border-radius: 4px;
    color: var(--white);
    font-weight: 500;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

/* csh page */
.zoomin_appZMCshComponent h1.title-text {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 36px !important;
}

.zoomin_appCSHItemComponent .csh-item__title {
    font-weight: 500 !important;
}

.zoomin_appZMCshComponent .topic-list .csh-item {
    background-color: var(--white);
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-bottom: none !important;
    margin-bottom: 20px;
}

/* note styling */
.zoomin_appBundleBodyComponent .note {
    padding: 10px 20px;
    background-color: var(--lightestGrey);
    border-radius: 4px;
    margin-bottom: 16px;
}









/* contact support form */
body .forceCommunityContactSupportForm .slds-page-header__title,
body .forceCommunityCaseDeflection .slds-page-header__title {
    font-size: 30px !important;
    line-height: 36px;
}

.forceCommunityContactSupportForm .slds-truncate {
    white-space: normal;
}

.mdp .forcePageBlockSectionEdit {
    background-color: var(--white);
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}






/* record list standard  */
body .forceCommunityRecordListStandard h2.listTitle {
    font-size: 24px !important;
    line-height: 32px;
    text-transform: none;
}

body .forceCommunityRecordListDesktop.forceListViewManager .listDisplays {
    min-height: 180px;
}

body .forceListViewManagerHeader .slds-breadcrumb .slds-breadcrumb__item.slds-line-height--reset {
    font-weight: 500;
}

.recordListStandard .forceBaseListView .listViewContent {
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    padding: 20px;
}

.recordListStandard .forceRecordLayout thead th {
    font-weight: 500;
}

.forceHighlightsPanel .primaryFieldWrapper {
    font-size: 24px !important;
    line-height: 32px;
}

body .slds-card.forceCommunityRecordListDesktop {
    padding: 10px 20px 20px 20px;
}

body .slds-table thead th {
    font-weight: 500;
}

/* group hover panel */
body .forceChatterGroupPreviewStencil .forceHighlightsPreviewStencil .highlightsH2 {
    font-size: 24px !important;
    line-height: 32px;
}


/* record detail */
body .uiTabset--default .forceDetailPanelDesktop.slds-card,
body .uiTabset--default .forceDetailPanelDesktop2.slds-card {
    padding: 20px;
}

body .slds-section__title-action:hover {
    background-color: var(--white);
}

.forceCommunityRecordDetail .slds-section__title,
body .forceRecordLayout .slds-section__title {
    font-size: 21px !important;
    line-height: 28px;
    font-weight: 500;
}

body .forceHighlightsStencilDesktop .slds-page-header__detail-row {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    margin-left: 0;
    margin-right: 0;
}

body .forceHighlightsStencilDesktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .forceCommunityRecordHomeTabs .recordHomeSecondaryContent {
    overflow: visible;
}

body .uiTabset--task .tabs__nav {
    border-radius: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

body .uiTabset--task .tabs__content {
    border: none;
}

body .bodyWrap .dummyButtonCallToAction {
    border: 1px solid var(--lightBorder);
}

body .bodyWrap .dummyButtonCallToAction .label {
    color: var(--darkestGray);
    font-weight: 500;
}

body .forceActionsContainer .dummyControlsContainer .dummyButtonSubmitAction {
    border-radius: 50px;
    border: 2px solid var(--electricBlue);
    color: var(--electricBlue);
    background-color: var(--white);
    font-weight: 500;
}

body .forceActionsContainer .dummyControlsContainer .dummyButtonSubmitAction:hover {
    background-color: var(--cornflower2);
    color: var(--white);
}

body .forcePageBlockItemView .slds-form-element .slds-button_icon {
    color: var(--borderGray);
}

body .forceDetailPanelDesktop .risen {
    box-shadow: none;
    border-radius: none;
}

body .forceActionsContainer .slds-button a {
    background-color: transparent;
    margin-left: -1px;
}

body .forceActionsContainer button.slds-button.slds-button--neutral {
    padding: 6px 20px;
    min-width: auto;
}

/* tabs */
body .tabs__nav .tabs__item.active>a {
    font-weight: 500;
}

body .tabs__nav .tabs__item {
    letter-spacing: 0;
}

body .forceCommunityTabset .uiTabOverflowMenuItem .uiPopupTrigger a {
    padding: 16px;
}

/* related record list */
body h1.listViewTitle {
    font-size: 30px !important;
    line-height: 36px;
}

/* modal on related record list */
.modal-footer .uiButton--brand .label {
    color: var(--white);
    font-weight: 500;
}

.modal-footer .uiButton--neutral .label {
    color: var(--electricBlue);
    font-weight: 500;
}

.slds-modal__header .slds-text-heading--medium {
    font-size: 24px !important;
    line-height: 32px;
}




/* search bar */
body .cSUAuthBanner_ff79 #su_BannersearchBox .su-searchBoxContainer {
    margin: 0 auto;
    width: 600px;
    background-color: var(--white);
    position: relative;
}

body .cSUAuthBanner_ff79 #su_BannersearchBox .su-searchBtnDIV {
    position: absolute;
    right: 0;
    z-index: 999;
    height: 55px;
    width: 35px;
    margin-top: 6px;
    margin-right: 6px;
    background: transparent;
    left: auto;
}

body #su_BannersearchBox .su_mainBox {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

body .cSUAuthBanner_ff79 #su_BannersearchBox .su-searchBoxContainer .inputBox {
    background-color: var(--white);
    width: 600px;
    height: 55px;
    border-radius: 0;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 18px;
    color: var(--darkestGray);
    font-weight: 400;
    letter-spacing: 0;
}

body .forceChatterQuestionPostDesktop .ql-editor:before {
    font-size: 16px;
}

body .cSUAuthBanner_ff79 #su_BannersearchBox .su-searchBoxContainer input {
    width: 100%;
}

body .cSUAuthBanner_ff79 {
    margin-top: 12px;
}

.su-nopad>.slds-icon-utility-search {
    display: none;
}


/* my profile / user profile page */
body .forceCommunityUserProfileBody .cProfileViewBody,
body .forceCommunityUserProfileBody .cUserStatsCon .forceCommunityUserProfileStats,
body .forceCommunityUserProfileBody .cUserKnowledgeableAboutCon .forceCommunityUserProfileKnowledgeableAbout {
    background-color: var(--white);
    border-radius: 50px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .menuList .myAccount {
    display: none;
}

body .forceCommunityUserProfileDetail .profileName {
    font-size: 30px !important;
    line-height: 36px;
    font-weight: 500;
}

body .forceCommunityUserProfileBody .cUserProfileCon {
    margin-top: 0;
}

body .forceCommunityUserRecognitions .userRecognitionsTitleColor {
    color: var(--darkestGray);
    font-size: 24px !important;
    line-height: 32px;
}

body .slds-form-element__label {
    font-size: 16px;
    color: var(--darkestGray);
    font-weight: 500;
}

body .slds-form-element__control span {
    font-size: 16px;
    color: var(--darkestGray);
    font-weight: 400;
}

body .slds-form-element__control .label {
    font-weight: 500;
}

.forceCommunityCreateRecordForm .uiButton--brand {
    background-color: var(--electricBlue);
    color: var(--white);
    border-radius: 50px !important;
    font-weight: 500;
}

.forceCommunityCreateRecordForm .uiButton--brand:hover {
    background-color: var(--cornflower2);
}

.forceCommunityCreateRecordForm .uiButton--brand span {
    font-weight: 500;
    font-size: 16px;
}

.forceRecordLayout .slds-form-element_readonly {
    border-bottom: none;
}

body .cProfileViewBody .userDetailHeader .userBadge {
    font-size: 12px;
    color: var(--darkestGray);
}

.branding-actions li.slds-button {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    min-width: auto;
}

.branding-actions li.slds-button a,
.forceCommunityGroupHighlightStencilNapili .slds-float_right .forceActionsContainer .slds-button {
    border-radius: 50px !important;
    border: 2px solid var(--electricBlue);
    color: var(--electricBlue);
    padding: 5px 20px 7px 20px;
    font-weight: 500;
    background-color: transparent;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
}

body .forceActionsContainer .dummyControlsContainer .slds-button {
    padding: 5px 20px;
}

.forceActionsContainer .slds-button .slds-button__icon {
    margin-top: -6px;
}

body .uiInput--default .form-element__label {
    font-weight: 500;
    font-size: 16px;
    color: var(--darkestGray);
}

.branding-actions li.slds-button span {
    color: var(--electricBlue);
}

.branding-actions li.slds-button a:hover,
.forceActionsContainer .slds-button:hover {
    background-color: var(--cornflower2);
    color: var(--white);
    text-decoration: none;
}

.branding-actions li.slds-button a:hover span {
    color: var(--white);
    text-decoration: none;
}

.forceCommunityUserProfileHeader .reputationLevelImage {
    display: block;
    width: 40px;
    height: auto;
    margin: 0 auto;
    line-height: 18px;
}

.forceCommunityUserProfileHeader .reputationLevelName {
    font-weight: 500;
    padding-bottom: 0;
    line-height: 18px;
    margin-top: 4px;
}

.forceCommunityUserProfileHeader .reputationLevelName,
.forceCommunityUserProfileHeader .reputationPoints {
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.communitySetupUserRecognitionBadgeItem {
    width: auto !important;
    height: auto !important;
    text-align: center;
}

body div .slds-rich-text-area__content {
    font-size: 16px;
}

body .oneActionsDropDown .sldsButtonHeightFix {
    height: auto;
}

.oneActionsDropDown .sldsButtonHeightFix .slds-button--icon-border-filled {
    width: auto;
    height: 60px;
    margin: 0;
}

.branding-actions li.oneActionsDropDown a.sldsButtonHeightFix {
    padding: 8px 20px;
    line-height: 1.5;
    margin-left: -1px;
}

body .slds-button_icon-container,
body .slds-button--icon-container,
body .slds-button_icon-border,
body .slds-button--icon-border,
body .slds-button_icon-border-filled,
body .slds-button--icon-border-filled,
body .slds-button_icon-border-inverse,
body .slds-button--icon-border-inverse,
body .slds-button_icon-brand,
body .slds-button_icon-more,
body .slds-button--icon-more,
body .slds-button_icon-container-more,
body .slds-button--icon-container-more {
    height: auto;
    width: auto;
}

body .userRecognitionsHeader .slds-col .communitySetupThanksButton {
    width: auto;
    padding: 8px 20px;
    min-width: 100px;
}

body #showProfilePictureToGuestUsers {
    border-color: var(--lightBorder) !important;
}






/* my settings page */
body .forceCommunityUserSettingsCustomizable {
    font-size: 16px;
}

body .forceCommunityUserSettingsCustomizable .forceCommunityUserSettingsInternal {
    background-color: var(--white);
    padding: 0 20px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .forceCommunityUserSettingsCustomizable h1.texttitle {
    font-size: 48px !important;
    line-height: 52px;
}

body .forceCommunityUserSettingsCustomizable h2.texttitle {
    font-size: 30px !important;
    line-height: 36px;
}

body .forceCommunityUserSettingsCustomizable .settingsLabel,
body .forceCommunityUserSettingsCustomizable .settingsOutputbox {
    font-size: 16px;
}

.forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer .slds-button_neutral {
    border-color: var(--electricBlue);
    color: var(--electricBlue);
}

.forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer .slds-button_neutral:hover,
.forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer .slds-button_neutral:active,
.forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer .slds-button_neutral:focus {
    color: var(--darkestGray);
    border-color: var(--darkestGray);
}

body .accountSection .slds-grid.slds-wrap .sectionbox:nth-child(3) {
    display: none;
}



/* license view */
.licenseViewWrap {
    background-color: var(--white);
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.licenseViewWrap div.slds-accordion__summary {
    background-color: transparent;
    border-color: transparent;
}





/* knowledge */
.forceCommunityHeadline h1.headlineTitle {
    padding: 0;
    text-align: left;
    font-size: 30px !important;
    line-height: 36px;
}

.uiTabset--default {
    background-color: transparent;
}

/* hiding tabs on search results for knowledge articles */
/* .uiTabset--default.forceCommunityResultsList .uiTabBar, */
.uiTabset--default .selfServiceArticleListItem .footer {
    display: none;
}

.uiTabset--default .article-list.clean.uiAbstractList {
    padding: 0 26px 26px;
    background: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.uiTabset--default .article-item .article-head {
    font-size: 21px !important;
    line-height: 28px;
}

.uiTabset--default .selfServiceTopicArticleList .selfServiceArticleListItem .article-summary {
    font-size: 16px;
    font-weight: 400;
}

.selfServiceTopicArticleList .selfServiceArticleListItem {
    border: none;
    padding: 26px 0 0;
}

.forceCommunityTopicCatalog .topicHierarchy-topBox .topicHierarchy-top {
    font-weight: 500;
    line-height: 100%;
}

.forceCommunityTopicCatalog ul {
    display: flex;
    flex-wrap: wrap;
}

.forceCommunityTopicCatalog ul .topicHierarchy-topBox {
    flex: 0 0 33.333333%;
}

.forceCommunityTopicCatalog ul .topicHierarchy-topBox .topicHierarchy-top {
    background: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    padding: 16px 20px;
    display: block;
    margin: 0 12px 12px 0;
    opacity: 1;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
}

.forceCommunityTopicCatalog ul .topicHierarchy-topBox .topicHierarchy-top:hover {
    opacity: 0.7;
}

body .forceCommunityTopicCatalog .topicHierarchy-topBox {
    padding: 0;
    border: none;
    margin: 0;
}

.article-list .loadmore {
    margin-top: 20px;
}

/* was this article helpful */
.forceCommunityArticleThumbVote {
    margin-top: 20px;
}

.forceKnowledgeArticleThumbVote .slds-card {
    padding: 20px;
}

.forceKnowledgeArticleThumbVote .slds-media__body {
    font-size: 16px;
}

.siteforceDesignTimeComponent .actualNode .slds-card .slds-button_icon-border {
    padding: 3px 6px 6px;
    border-color: var(--lightBorder);
}

/* breadcrumb on knowledge */
body .slds-breadcrumb .slds-breadcrumb__item a {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
}




/* hiding sections on knowledge detail */
.article-column h2.selfServiceArticleHeaderDetail .article-summary,
.article-column .meta .article-type,
.article-column .meta .dot {
    display: none;
}

.article-column h2.selfServiceArticleHeaderDetail {
    line-height: 18px !important;
    margin-top: -10px;
}


.article-column .article-head.selfServiceArticleHeaderDetail {
    font-size: 48px !important;
    line-height: 52px;
}

.article-column .content .forcePageBlock .itemBody {
    font-size: 16px;
}

.article-column {
    background-color: var(--white);
    padding: 0 20px 20px 20px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.article-column .summary {
    padding: 1px 10px 0 10px !important;
}

/* single slds-col cell padding on knowledge article detail */
.article-column .content .slds-col.forcePageBlockItemView {
    padding: 4px 10px !important;
}

.article-column .slds-form-element_readonly {
    border-bottom: none;
    border: none;
}

/* leaderboard */
.comm-leaderboard h2 {
    font-size: 24px !important;
    line-height: 32px;
}

.comm-leaderboard ul.clear {
    background-color: var(--white);
    padding: 20px;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.comm-leaderboard .comm-leaderboard__user-name {
    line-height: 16px;
}

.comm-leaderboard .levelAndPointsCol .slds-p-top_xx-small {
    padding-top: 0;
}

.comm-leaderboard .levelAndPointsCol .slds-icon_small {
    margin-right: 4px;
}


/* slds-card */
body .slds-card .slds-card__header {
    padding-left: 20px;
    padding-right: 20px;
}

body .slds-card .slds-card__body {
    padding-left: 20px;
    padding-right: 20px;
}

body afl-afl_-article-thumb-vote .slds-card .slds-card__header {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px !important;
}



/* related articles */
body .comm-related-articles {
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    padding: 20px;
    display: block;
}

body .comm-related-articles h2.slds-text-heading_small {
    font-size: 21px !important;
    line-height: 28px;
    margin-bottom: 10px;
}

body .comm-related-articles .comm-related-articles__item a {
    font-size: 16px !important;
    color: var(--darkestGray) !important;
}

body .comm-related-articles .comm-related-articles__item a span {
    font-size: 16px !important;
}

body .comm-related-articles .comm-related-articles__item a.slds-border_bottom {
    border-bottom: none;
    padding: 6px 0 6px 0;
}

body .comm-related-articles .comm-related-articles__item a:hover,
body .comm-related-articles .comm-related-articles__item a span:hover {
    color: var(--electricBlue) !important;
}



/* related list styling */
body .slds-card {
    background-color: var(--white);
    border-radius: 0 !important;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
}

body .slds-card .slds-card {
    box-shadow: none !important;
}

body .slds-modal .slds-card {
    background-color: var(--white);
    padding: 0 !important;
    box-shadow: none !important;
}

.forceRelatedListSingleContainer .slds-page-header {
    background-color: transparent;
}

.forceRelatedListSingleContainer .slds-page-header header h2 {
    font-size: 21px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
}

body .slds-card__header-link {
    font-size: 21px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
}

body .slds-card__header-title a:hover {
    text-decoration: none;
}


/* related list on article page */
article.listItemBody .slds-media__body h3 {
    font-size: 16px;
}


/* hiding the object icon */
.slds-card .slds-media__figure {
    display: none;
}

.oneActionsRibbon .slds-button .slds-button__icon {
    width: auto;
    height: auto;
    margin-top: 0;
}

.slds-file-selector__body .slds-button.slds-button_neutral {
    color: var(--darkestGray);
    border-color: var(--darkestGray);
}

.slds-file-selector__body .slds-button.slds-button_neutral:hover,
.slds-file-selector__body .slds-button.slds-button_neutral:active,
.slds-file-selector__body .slds-button.slds-button_neutral:focus {
    color: var(--electricBlue);
    border-color: var(--electricBlue);
}


/* group detail */
.forceCommunityGroupHighlightStencilNapili {
    background-color: var(--white);
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 50px !important;
    border: none !important;
}

.groupTabsPanel .oneActionsComposer.uiTabset--task .tabs__content {
    margin-bottom: 20px;
}

.groupTabsPanel .tabs__nav {
    border-bottom: 1px solid var(--borderGray);
}

.groupTabsPanel .dummyButtonSubmitAction {
    border-radius: 50px;
    font-weight: 500;
}

.forceActionsContainer .dummyButtonSubmitAction .label {
    font-weight: 500;
    color: var(--electricBlue);
}

.forceActionsContainer .dummyButtonSubmitAction:hover .label {
    color: var(--white);
}

.groupTabsPanel .uiTabset--task .tabs__content,
.groupTabsPanel .uiTabset--task .tabs__nav {
    border-radius: 50px;
    border: none !important;
}

.uiTabset--task.uiTabset {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

body .forceChatterGroupDetailCard .slds-card__header-title {
    font-size: 21px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
}

body .forceChatterGroupDetailCard .slds-card__header {
    padding-left: 24px;
}

.detailRelatedList .slds-card__header,
body .forceRelatedListCardDesktop.headerBottomBorder .slds-page-header {
    border-bottom: 1px solid var(--lightestGrey);
}

.detailRelatedList .slds-card__header {
    padding-bottom: 12px;
}

.forceCommunityGroupHighlightStencilNapili .forceActionsContainer>span:nth-child(2) {
    display: none;
}

body .forceCommunityGroupHighlightStencilNapili .name {
    font-size: 30px !important;
    line-height: 36px;
    font-weight: 500;
}

.comm-page-list-003 .forceCommunitySection .cb-section_column:last-child>div {
    position: relative;
}

.selfServiceProfileMenuTrigger span.profileName {
	font-family: 'Graphik LC Web';
	text-transform: capitalize;
}

.announcementWrap h6 {
	color: var(--electricBlue);
}

.announcementTextWrap  h6,
.calloutImageWrap h3,
.calloutWhiteWrap h5,
.calloutGrayWrap h5,
.calloutWrap h5 {
    font-family: 'Graphik LC Web' !important;
}


.guestPageWrap.cVh_guest_theme .siteforceDynamicLayout.siteforceContentArea .ui-widget:nth-child(5) .cb-section.forceCommunitySection {
    padding-bottom: 0px;
}
 /* The line above and below (regarding nth-child 5 and 6) decreases spacing between two sections. Currently, that is the section with the rich text title "Review our public articles" 
and the section containing 4 columns of the Trending Articles by Topic component. If more sections are added to the page, this code will break and need to be adjusted */

.guestPageWrap.cVh_guest_theme .siteforceDynamicLayout.siteforceContentArea .ui-widget:nth-child(6) .cb-section.forceCommunitySection {
    padding-top: 0px;
}
/* the line below (regarding nth-child 2) manages the space between the Login and Register buttons and the components above and below them. 
If another component is added to the guest header, this code will break and need to be adjusted. */

.guestPageWrap.cVh_guest_theme .headerWrap.guestHeaderWrap .guestHeader .ui-widget:nth-child(2) {
     margin-top: -4vh;  
margin-bottom: -2vh;
}
 


.comm-page-home .headerWrap,
.comm-page-home .siteforceDynamicLayout.siteforceContentArea .ui-widget:nth-child(1) .cb-section.forceCommunitySection .cb-section_background{
	background-size: 100% 100% !important;
}


/* ---- RESPONSIVE ----*/

@media only screen and (max-width:1024px) {
    body {
        overflow-x: hidden;
    }

    .profileMenu {
        right: 20px;
    }
}


/* navigation menu */
@media only screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    body .forceCommunityGlobalNavigation.comm-navigation {
        position: absolute;
        left: 0;
        top: 30px;
        margin-top: 0;
    }
    

    .selfServiceUserProfileMenu {
        margin-top: 0;
    }

    /* moving main nav left, and logo center on mobile */
    body .forceCommunityGlobalNavigation .slds-list__item a,
    body .forceCommunityGlobalNavigation .slds-list__item button {
        font-size: 30px;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
    }

    body .forceCommunityGlobalNavigation ul ul .slds-list__item a {
        font-size: 18px;
        line-height: 1.444;
    }

    body .forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested {
        box-shadow: none !important;
    }

    /*Bug 96741: Help Community - Nav menu doesn't load in mobile view*/
    .forceCommunityGlobalNavigation .slds-list_vertical {
        background-color: var(--black) !important;
    }

    .navWrap {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }

    .logo {
        margin: 0 auto;
        position: relative;
        top: 10px;
    }

    .profileMenu {
        right: 20px;
        top: 30px;
    }

    nav.mainNav ul {
        padding-left: 20px;
    }

    #menu nav.mainNav ul li {
        display: block;
        padding: 5px 0;
    }

    nav.mainNav ul {
        display: block;
        padding-left: 20px;
    }

    nav.mainNav ul ul {
        display: block;
        position: relative;
        background-color: transparent;
        padding: 0;
        top: 0;
    }

    nav.mainNav ul ul li a {
        color: var(--white);
    }

    nav.mainNav .menuLabel {
        margin-top: 10px;
    }

    #menuToggle {
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle input {
        display: flex;
        width: 100%;
        height: 32px;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
    }

    #menuToggle span {
        display: flex;
        width: 31px;
        height: 3px;
        margin: 0 auto 5px;
        position: relative;
        background: #ffffff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 5px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-3px, -1px);
        background: var(--white);
    }

    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    #menu {
        position: absolute;
        width: 300px;
        height: 100vh;
        box-shadow: 0 0 10px rgba(0, 0, 0, .0.25);
        margin: -50px 0 0 0;
        padding-top: 55px;
        background-color: var(--darkestGray);
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        top: 0;
        bottom: 0;
    }

    #menu li {
        padding: 10px 0;
        transition-delay: 2s;
    }

    #menuToggle input:checked~ul {
        transform: none;
    }

    #menuToggle {
        width: 60px;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 33px;
        min-height: 90px;
        z-index: 999;
    }

    body .cSUAuthBanner_ff79 #su_BannersearchBox .su-searchBoxContainer,
    body .cSUAuthBanner_ff79 #su_BannersearchBox .su-searchBoxContainer .inputBox {
        width: 300px;
    }


    /* q&a button on home page */
    body .siteforceContentArea .ui-widget .forceCommunityAskCommunity.askCommunityBtn {
        float: none;
        margin: 0;
    }

    body .forceListViewManager {
        margin: 0;
    }




    /* footer */
    .footerCalloutWrap,
    .footerTop,
    .footerBottom {
        max-width: 100%;
    }

    .footerCalloutWrap {
        margin-top: 60px;
        padding-top: 60px;
    }

    .largeContainer,
    .smallContainer {
        padding: 0 20px;
    }

    .footerCalloutWrap .calloutWhiteWrap {
        margin-bottom: 20px;
    }

    .slds-grid .slds-page-header .forceRelatedListCardHeader {
        flex-wrap: wrap;
    }

    .slds-grid .slds-page-header .forceRelatedListCardHeader header{
        min-width: auto;
    }
}