/* GENERAL */
body {
    --slds-c-button-radius-border: var(--font-size-body);
    --sds-c-button-radius-border: var(--font-size-body);
    --lwc-buttonBorderRadius:var(--font-size-body);
    --slds-s-button-radius-border: var(--border-radius-md);

    --slds-g-color-on-accent-1: var(--cta-button-color); /* update photo button */
    --slds-g-color-accent-container-2: var(--cta-button-bg-color-hover); /* update photo button */

    --lwc-fontWeightRegular: var(--font-weight-regular);
    --lwc-fontSizeMedium:  var(--font-size-body);
    --lwc-fcFontSizeMedium: var(--font-size-body);
    --lwc-fcFontSizeSmall: var(--font-size-body);
    --lwc-fontSizeSmall: var(--font-size-body);
    --lwc-inputStaticFontSize: var(--font-size-body);
    --lwc-fontWeightBold: var(--font-weight-header);
    --lwc-colorTextButtonBrand: var(--cta-button-color);
    --slds-c-button-brand-color-background-hover: var(--cta-button-bg-color-hover);
    --slds-c-button-text-color-hover: var(--cta-button-color-hover);
}

body .siteforceThemeLayoutStarter {
    color: var(--color-text-primary);
	font-size: var(--font-size-body);
	font-weight: var(--font-weight-regular);
}

/* GENERAL */
/*brand buttons*/
body .forceCommunityAskCommunity.askCommunityBtn,
body .forceCommunityAskCommunity.askCommunityBtn,
body .forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit,
body .get-started-section .slds-button.slds-button_brand,
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .loginButton.slds-button,
.salesforceIdentityLoginBody2 .salesforceIdentityForgotPassword2 .uiButton,
.comm-page-detail-005 .slds-button.slds-button_brand {
	border: 1px solid var(--cta-button-bg-color);
    font-weight: var(--font-weight-header);
}
body .slds-button:active {
    border: none;
}
body .forceCommunityAskCommunity.askCommunityBtn:focus {
    background-color: var(--cta-button-bg-color);
}
body .forceCommunityAskCommunity.askCommunityBtn:hover,
body .forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit:hover,
body .forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit:focus,
body .forceCommunityFollow .button:hover,
body .forceCommunityFollow .button:focus,
body .forceCommunityFollow .menu a.triggerLink:hover .triggerLink,
body .forceCommunityFollow .menu a.triggerLink:focus .triggerLink,
body .slds-button_brand:hover,
body .slds-button_brand:focus,
body .slds-button--brand:hover,
body .slds-button--brand:focus,
body .uiButton--brand:hover,
body .uiButton--brand:focus,
body .get-started-section .slds-button.slds-button_brand:hover,
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .loginButton.slds-button:hover,
.salesforceIdentityLoginBody2 .salesforceIdentityForgotPassword2 .uiButton:hover {
	background-color: var(--cta-button-bg-color-hover);
    color: var(--cta-button-color-hover);
}
body .get-started-section .slds-button.slds-button_brand:hover:before,
body .get-started-section .slds-button.slds-button_brand:hover:after,
.comm-page-detail-005 .slds-button.slds-button_brand:hover:before,
.comm-page-detail-005 .slds-button.slds-button_brand:hover:after {
    content: none;
}
/* END GENERAL*/

/* NAV MENU */
body nav a.isActive,
body nav button.isActive {
    font-weight: var(--font-weight-header);
}
body .forceCommunityThemeHeaderCompact .themeUtil .slds-button:focus,
body .forceCommunityThemeHeaderCompact .themeUtil .slds-button:hover {
    box-shadow: none;
}
/*END NAV MENU */

body .forceChatterStyle,
body .forceChatterFeedAuxBodyEnhancedLink .descriptionContainer {
    font-size: var(--font-size-body);
	font-weight: var(--font-weight-regular);
}

body .forceChatterFeedAuxBodyEnhancedLink .cuf-auxBodyTitle {
    font-weight: var(--font-weight-header);
}

body .slds-text-title, /*comment buttons like share */
body .forceChatterFeedback .commentHeader,
body .slds-text-body_small,
body .slds-text-body--small {
    font-size: var(--font-size-body);
}

/* compact view */
body .forceChatterCompactFeedItemBody .title {
    font-weight: var(--font-weight-header);
}
body .forceCommunityAskCommunity.askCommunityBtn {
    font-weight: var(--font-weight-header);
}

/* TOPIC, QUESTION, ARTICLE DETAIL */
.comm-page-topic .slds-col--padded.comm-content-header.comm-layout-column,
.comm-page-feeditem-question .slds-col--padded.comm-content-header.comm-layout-column,
.comm-page-article .slds-col--padded.comm-content-header.comm-layout-column {
    background-image: url(/sfsites/c/resource/quorumCommunityResources/img/hero-banner-secondary.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: var(--border-radius-md);
}
.comm-page-feeditem-question .slds-col--padded.comm-content-header.comm-layout-column,
.comm-page-article .slds-col--padded.comm-content-header.comm-layout-column {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

.comm-page-topic .forceCommunityHeadline .headlineTitle {
    color: var(--color-text-inverted);
    font-size: 60px;
    text-transform: capitalize;
    padding: 15px 0 0 0;
}
.comm-page-topic .forceCommunityHeadline .forceTopicSubTopicNavigation a,
.comm-page-topic .forceTopicSubTopicNavigation .topic-subTopicItem,
.comm-page-topic .forceTopicSubTopicNavigation .topic-showMore {
    color: var(--color-text-inverted);
}

.comm-page-feeditem-question .slds-breadcrumb .slds-list__item>a,
.comm-page-feeditem-question .slds-breadcrumb .slds-breadcrumb__item>a,
.comm-page-feeditem-question .slds-breadcrumb .slds-list__item:before,
.comm-page-feeditem-question .slds-breadcrumb .slds-breadcrumb__item:before,

.comm-page-article .slds-breadcrumb .slds-list__item>a,
.comm-page-article .slds-breadcrumb .slds-breadcrumb__item>a,
.comm-page-article .slds-breadcrumb .slds-list__item:before,
.comm-page-article .slds-breadcrumb .slds-breadcrumb__item:before {
    color: var(--color-text-inverted);
    font-size: var(--font-size-body);
}

.comm-page-feeditem-question .slds-breadcrumb .slds-list__item>a:hover,
.comm-page-feeditem-question .slds-breadcrumb .slds-breadcrumb__item>a:hover,
.comm-page-article .slds-breadcrumb .slds-list__item>a:hover,
.comm-page-article .slds-breadcrumb .slds-breadcrumb__item>a:hover {
    text-decoration: underline;
}

.comm-page-topic .forceCommunityBreadcrumbs .slds-breadcrumb__item,
.comm-page-feeditem-question .forceCommunityBreadcrumbs .slds-breadcrumb__item,
.comm-page-article .forceCommunityBreadcrumbs .slds-breadcrumb__item {
    max-width: 25em;
}
/* END TOPIC DETAIL */

/* HOME GET STARTED FLOW */
.comm-page-home .get-started-section {
    background-color: unset;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}
.comm-page-home .get-started-section .field-element {
    display: block;
    height: 100px;
    text-align: left;

}
.comm-page-home .get-started-section .slds-col {
    margin-bottom: -4px;
}
.comm-page-home .get-started-section .field-element .slds-input,
.comm-page-home .get-started-section .field-element .slds-select {
    height: 48px;
    border-radius: 10px;
}
.comm-page-home .get-started-section .flowruntime-input-label {
    padding-bottom: 10px;
    font-weight: 600;
}
.comm-page-home .get-started-section .slds-form-element__label {
    padding-bottom: 10px;
    font-weight: 600;
}
.comm-page-home .get-started-section flowruntime-flow {
    background-color: var(--color-background-light);
}
.comm-page-home .get-started-section .navigationBar {
    border-top: none;
}
.comm-page-home .get-started-section footer {
    display: block;
    margin: 0 auto;
}

.comm-page-home .get-started-section .slds-form-element {
    height: 80px;
}
.comm-page-home .get-started-section .navigationBar {
    border: none;
}

.comm-page-home .get-started-section footer .navigation-bar__right-align {
    text-align: center;
}
.comm-page-home .get-started-section .slds-button.slds-button_brand {
    width: 280px;
    padding: 10px;
    border-radius: 36px;
    font-size: 16px;
}
/* END GET STARTED FLOW */

/* LOGIN + FORGOT PASS */
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel {
    max-width: 550px;
    width: 100%;
    text-align: center;
}

.comm-page-login-home .login-logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.comm-page-login-home .communityLogoContainer .communityLogo {
    width: 200px;
}

.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    background-color: unset;
}

.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .uiInput,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .uiInput {
    width: 100%;
}

.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputIcon,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputIcon {
    display: none;
}
.comm-page-login-home .salesforceIdentityLoginForm2 > div:nth-last-child(1) {
    display: none;
}
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox {
    color: var(--textColorDefault);
    height: 40px;
    margin: 5px 0 3px 0;
    width: 100%;
    padding: 0 12px;
    background-color: unset;
    border: solid 1px rgb(222, 226, 230);
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox::placeholder,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox::placeholder {
    color: var(--textColorDefault);
}

.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox:focus,
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox:active,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox:focus,
.comm-page-forgot-password .salesforceIdentityLoginBody2 .cCenterPanel .inputContainer .inputBox:active {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    border-color: #86b7fe;
}

.login-forgot-password-container a.forgot-password-link,
.comm-page-login-home .salesforceIdentityLoginForm2 a {
    color: #666;
    text-decoration: underline;
}

.login-forgot-password-container .login-register-container {
    text-align: center;
    margin-top: 50px;
}

.login-forgot-password-container .login-register-container p.dont-have-login-message {
    color: #666;
    margin-bottom: 10px;
}

.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .loginButton.slds-button:hover .label,
.salesforceIdentityLoginBody2 .salesforceIdentityForgotPassword2 .uiButton:hover .label {
    color: var(--cta-button-color-hover);
}
.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .loginButton.slds-button,
.salesforceIdentityLoginBody2 .salesforceIdentityForgotPassword2 .uiButton {
    border-radius: var(--border-radius-md);
}

.comm-page-login-home .salesforceIdentityLoginBody2 .cCenterPanel .loginButton.slds-button,
.salesforceIdentityLoginBody2 .salesforceIdentityForgotPassword2 .uiButton {
    padding: 10px;
    width: 280px;
}

/* END LOGIN + FORGOT PASS */
/* SELF REG + FLOW */
.comm-page-self-register .salesforceIdentityLoginBody2 .cCenterPanel {
    max-width: 700px;
    min-width: 700px;
}
.comm-page-self-register .login-logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.comm-page-self-register .communityLogoContainer .communityLogo {
    width: 200px;
}
.comm-page-self-register .salesforceIdentityLoginBody2 .get-started-section flowruntime-flow {
    background-color: var(--color-background-primary);
}
.comm-page-self-register .get-started-section .slds-form-element {
    height: 80px;
}
.comm-page-self-register .get-started-section .field-element {
    display: block;
    height: 90px;
    text-align: left;
}
.comm-page-self-register .get-started-section .slds-col {
    margin-bottom: -4px;
}
.comm-page-self-register .get-started-section .field-element .slds-input,
.comm-page-self-register .get-started-section .field-element .slds-select {
    height: 40px;
    border-radius: 10px;
}
.comm-page-self-register .get-started-section .flowruntime-input-label {
    padding: 5px;
    font-weight: var(--font-weight-header);
}
.comm-page-self-register .get-started-section .slds-form-element__label {
    padding-bottom: 8px;
    font-weight: var(--font-weight-header);
}
.comm-page-self-register .get-started-section .slds-button.slds-button_brand {
    width: 280px;
    padding: 5px;
    border-radius: var(--border-radius-md);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-header);
}

.comm-page-self-register .get-started-section .success-message a {
    color: var(--color-link);
    text-decoration: none;
    transition: color .1s linear;
}
.comm-page-self-register .get-started-section .success-message a:hover {
    text-decoration: underline;
}

.comm-page-self-register .login-logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.comm-page-self-register .communityLogoContainer .communityLogo {
    width: 200px;
}
.comm-page-self-register .get-started-section .navigationBar {
    border-top: none;
}
.comm-page-self-register .get-started-section footer {
    display: block;
    margin: 0 auto;
}
.comm-page-self-register .get-started-section footer .navigation-bar__right-align {
    text-align: center;
}
/* END SELF REG + FLOW */

@font-face {
    font-family: 'MontserratCustom';
    src: url('/s/sfsites/c/resource/quorumCommunityFonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MontserratCustom';
    src: url('/s/sfsites/c/resource/quorumCommunityFonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
  font-family: 'MontserratCustom';
  src: url('/s/sfsites/c/resource/quorumCommunityFonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

:root {
    font-family: 'MontserratCustom', sans-serif;

    --font-primary: 'MontserratCustom', sans-serif;

    --font-size-headline: 2.25rem; /* 36px */
    --font-size-subhead: 1.375rem; /* 22px */
    --font-size-base: 1rem; /* 16px */
    --font-size-body: 0.875rem; /* 14px */
    --font-size-small: 0.75rem; /* 12px */

    /* Font Weight */
    --font-weight-regular: 300;
    --font-weight-header: 500;

    /* Brand Colors */
    --color-header-primary: #002554;
    --color-text-primary: #4A4A4A;
    --color-secondary: #047BC1;
    --color-text-inverted: #FAFAFA;
    --color-background-primary: #FAFAFA;
    --color-link: #009DE2;

    /* Border Radius */
    --border-radius-none: 0;
    --border-radius-sm: 16px;
    --border-radius-md: 24px;
    --border-radius-lg: 32px;
    --border-radius-xl: 40px;

    /* Border Colors */
    --border-color-light: #ABCBF1;
    --border-color-light-hover: #009DE2;
    --border-color-gray: #E9EBED;
    --border-color-medium: #C7CED3;
    --border-color-dark: #9BA2AA;

    /* Button Colors */
    --cta-button-color: #FAFAFA;
    --cta-button-color-hover: #FF9800;
    --cta-button-bg-color: #FF9800;
    --cta-button-bg-color-hover: #FAFAFA;

    --second-button-color: #009DE2;
    --second-button-color-hover: #FAFAFA;
    --second-button-bg-color: #FAFAFA;
    --second-button-bg-color-hover: #009DE2;

    --green-button-color: #FAFAFA;
    --green-button-color-hover: #8CC63F;
    --green-button-bg-color: #8CC63F;
    --green-button-bg-color-hover: #FAFAFA;
}


/* CHATTER */
[title="Edit Topics"] {
    display: none;
}
/* END CHATTER */

/* LEADERBOARD */
.comm-leaderboard h1.slds-text-heading--small {
    font: 500 20px 'MontserratCustom', sans-serif;
    color: var(--textColorDefault);
    margin: 0 0 16px;
    text-transform: uppercase;
}

.comm-leaderboard ul li .leaderboardRowWrapper {
    border: none;
    justify-content: space-between;
}

.comm-leaderboard ul li .leaderboardRowWrapper.contextUser {
    background: none;
}

.comm-leaderboard ul li .leaderboardRowWrapper > div .slds-media {
    align-items: center;
}

.comm-leaderboard ul li .leaderboardRowWrapper > div .slds-media__body .levelAndPointsCol {
    padding-left: 4px;
}

.comm-leaderboard ul li .leaderboardRowWrapper > div .slds-media__body .levelAndPointsCol > div {
    display: none;
}

.comm-leaderboard ul li .leaderboardRowWrapper > div .slds-media__body .levelAndPointsCol .comm-leaderboard__user-name {
    font-size: var(--font-size-base);
    color: var(--textColorDefault);
}

.comm-leaderboard ul li .leaderboardRowWrapper .comm-leaderboard__points-column {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    font-size: var(--font-size-base);
    color: var(--textColorDefault);
}
/* END LEADERBOARD */
.comm-page-custom-uservoice .modal-uservoice .slds-card__header-title {
    display: block;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-header);
    text-align: center;
}

body .modal-uservoice .slds-button.slds-button_brand:hover {
    background-color: var(--cta-button-bg-color-hover);
    color: var(--cta-button-color-hover);
}

body .modal-uservoice .slds-button.slds-button_brand:hover:before,
body .modal-uservoice .slds-button.slds-button_brand:hover:after {
    content: none;
}
.comm-page-custom-uservoice .slds-button.slds-button_brand {
	border: 1px solid var(--cta-button-bg-color);
    font-weight: var(--font-weight-header);
}
.comm-page-custom-uservoice .modal-uservoice .slds-form-element {
    height: 80px;
}
.comm-page-custom-uservoice .modal-uservoice .field-element {
    display: block;
    height: 90px;
    text-align: left;
}
.comm-page-custom-uservoice .modal-uservoice .slds-col {
    margin-bottom: -4px;
}
.comm-page-custom-uservoice .modal-uservoice .field-element .slds-input,
.comm-page-custom-uservoice .modal-uservoice .field-element .slds-select {
    height: 40px;
    border-radius: 10px;
}
.comm-page-custom-uservoice .modal-uservoice .flowruntime-input-label {
    padding: 5px;
    font-weight: var(--font-weight-header);
}
.comm-page-custom-uservoice .modal-uservoice .slds-form-element__label {
    padding-bottom: 8px;
    font-weight: var(--font-weight-header);
}
.comm-page-custom-uservoice .modal-uservoice .slds-button.slds-button_brand {
    width: 280px;
    padding: 5px;
    border-radius: var(--border-radius-md);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-header);
}

.comm-page-custom-uservoice .modal-uservoice .success-message a {
    color: var(--color-link);
    text-decoration: none;
    transition: color .1s linear;
}
.comm-page-custom-uservoice .modal-uservoice .success-message a:hover {
    text-decoration: underline;
}
.comm-page-custom-uservoice .modal-uservoice footer .navigation-bar__right-align {
    margin: 0 auto;
}
.comm-page-custom-uservoice .modal-uservoice .navigationBar {
    border-top: none;
}
.comm-page-custom-uservoice .modal-uservoice .slds-button.slds-button_brand {
    width: 280px;
    padding: 10px;
    border-radius: 36px;
    font-size: 16px;
}