/* 
*  CSS TABLE OF CONTENTS
*   
*  1.0 - Base Imports
*  2.0 - Resets
*  3.0 - Layout
*  4.0 - Salesforce Specific
*    4.1 - Loader (Loading Balls)
*    4.2 - Toast Notifications
*    4.3 - Modal
*    4.4 - Experience Builder
*    4.5 - [VF] Change Password
*  5.0 - Global
*    5.1 - [Page] Account Deactivation Confirmation
*    5.2 - [Flow] Account Deactivation Flow
*  6.0 - Perks Experience
*    6.1 - [Component] LWC - Content Block
*    6.2 - [Page] Join/Login
*    6.3 - [Page] Landing - How It Works
*    6.4 - [Page] Edit Profile
*    6.5 - [Component] Modal - Change Password
*    6.6 - [Page] Reset Password
*    6.7 - [Page] FAQ
*    6.8 - [Page] 404 (Error)
*    6.9 - [Page] Terms
*    6.10 - [Page] Landing - Tuition Finalists
*    6.11 - [Page] Product Detail Page
*    6.12 - [Page] Product Homepage
*    6.13 - [Page] Invite Friends - Landing
*    6.14 - [Page] Pack Application
*    6.15 - [Page] Pack Application Received
*  7.0 - Pack Experience
*    7.1 - [Page] Home/Feed
*      7.1.1 - + Create a Post
*      7.1.2 - Post Detail
*      7.1.3 - Rich Text Editor
*      7.1.4 - Feed Poll
*      7.1.5 - Feed Poll - Post Detail
*    7.2 - [Page] Home/Messages
*    7.3 - [Page] Members
*    7.4 - [Page] Pack Profile Actions
*    7.5 - [Page] Pack User Settings
*    7.6 - [Page] Social Login
*    7.7 - [Page] Home/Activity
*/

/*** 1.0 - Base Imports ***/
/*
* Used to import base rules
* from other style sheets.
*/
@import "partials/_buttons.css?v=20230711";
@import "partials/_colors.css?v=20230711";
@import "partials/_typography.css?v=20230711";
@import "partials/_forms.css?v=20230711";

/*** 2.0 - Resets ***/
body { font-size: var(--default-font-size); }
input, select { font-size: 100%; }

/*** 3.0 - Layout ***/
/*
* Layout rules specific to
* KDP theme, definitions from
* DLA design guidelines
*/
.container {
    margin: 0 auto;
    max-width: 339px;
    width: 100%;
}

.container_narrow {
    margin: 0 auto;
    width: 100%;
}

body.pepper-pack {
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .container { max-width: 608px; }
    .container_narrow {  width: 360px; }
}

@media (min-width: 1024px) {
    .container { max-width: 876px; }
}

@media (min-width: 1440px) {
    .container { max-width: 1160px; }
}

/*** 4.0 - Salesforce Specific ***/
/*
* Rules to override OOTB
* elements in Salesforce/Digital Experience
*/
/*** 4.1 - Loader (Loading Balls) ***/
.siteforceLoadingBalls  { visibility: hidden; }
.siteforceLoadingBalls .loadingBall { display: none; }

.siteforceLoadingBalls:after {
    align-items: center;
    background-color: rgba(144, 13, 44, 0.8);
    border-radius: 2rem;
    content: url("/sfsites/c/resource/KDP_Assets/images/kdp-loader.svg");
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
    width: 4rem; height: 4rem;
    visibility: visible;
}

/*** 4.2 - Toast Notifications ***/
.toastContainer .slds-theme--success.slds-notify--toast.slds-notify.slds-notify--toast.forceToastMessage,
.forceCommunityToastManager .slds-theme--success.slds-notify--toast.forceToastMessage {
    background-color: var(--color-cream);
    border-radius: 0;
}

.toastContainer .slds-theme--success.slds-notify--toast.slds-notify.slds-notify--toast.forceToastMessage svg,
.forceVisualMessageQueue .toastIcon.slds-icon-utility-success svg,
.forceVisualMessageQueue .slds-button.slds-button_icon svg { fill: var(--color-maroon); }

.toastMessage.slds-text-heading--small.forceActionsText {
    color: var(--color-maroon) !important;
    font: var(--font-weight_stronger) 0.875rem/0.75rem var(--font-header) !important;
    text-transform: uppercase;
}

/* Default positioning for toast alerts (top) */
.toastContainer .toastAlert {
  top: 0;
}

/* Bottom positioning for toast alerts */
.toastWrapperBottom .toastAlert {
  bottom: 0;
  top: auto;
}

@media (max-width: 390px) {
  .toastWrapperBottom .slds-notify_toast.toastAlert {
    width: calc(100vw - 1rem);
  }
  
  /* Bottom positioning for toast alerts */
  .toastWrapperBottom .toastAlert {
    bottom: 0;
    left: 0;
    top: auto;
  }
}

/* Anniversary alert logo */
.slds-icon_container[c-dpToastItem_AnniversaryAlert] img[c-dpToastItem_AnniversaryAlert] {
    max-width: 75px !important;
    height: auto;
}

/*** 4.3 - Modal ***/
/* Modal Container */
.modal-container {
    width: auto !important;
    min-width: auto !important; max-width: auto !important;
}

/* Modal from header - Specific to merch re-direct */
@media(max-width:760px){ 
    .kdp-theme-header .slds-modal__content { 
        transform: translate(-28%, 0%) !important;
        width: calc(100vw - 1rem);
    }

    /* Decrease padding, messaging on one line */
    .kdp-theme-header .slds-modal__content .kdp-button { 
      padding: 1.1875rem 1.5rem;
  }
}

/* Modal Header */
.modal-container .modal-header.slds-modal__header {
    border-bottom: 0;
    border-top-left-radius: 0; border-top-right-radius: 0;
    padding: 2.5rem 1.5rem 1.25rem 1.5rem;
    text-align: left;
}

.modal-container .modal-header.slds-modal__header .slds-text-heading_medium, 
.modal-container .modal-header.slds-modal__header .slds-text-heading--medium {
    font-size: 1.125rem !important;
    width: calc(100% - 2.5rem); /* Accounting for close button */
}

/* Modal Header - Close Button */
.modal-container .modal-header .slds-modal__close {
    top: 2.25rem;
    right: 1.5rem;
}

.modal-container .modal-header .slds-modal__close .slds-button_icon-inverse { color: black; }

/* Modal Body */
.modal-container .modal-body { padding: 1.25rem; }

.modal-container .modal-body .forceDetailPanelDesktop.slds-card,
.modal-container .modal-body .forceRecordLayout .section__content,
.modal-container .modal-body .forceRecordLayout .section__content .slds-grid { padding: 0; }

/* Modal Body - Forms */
.modal-container .modal-body .forceRecordLayout h3,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control legend { display: none; }

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element {
    margin-bottom: 0; 
    padding: 0;
}

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element { position: relative; }

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput label,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element label {
    color: var(--color-grey-04);
    font-family: var(--font-header);
    font-weight: normal;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: 0.125rem; left: 1.125rem;
    z-index: 1;
}

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element label { top: 0.675rem !important; }

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput label span.required,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element label abbr[title] { color: var(--color-grey-04); }

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput input,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element input {
    border: 0.125rem solid var(--color-border-01);
    border-radius: 0;
    caret-color: var(--color-maroon);
    font: var(--font-weight_strong) 1rem/1.3125rem var(--font-header);
    margin-bottom: 0.75rem; padding: 1.75rem 1rem 0.75rem 1rem;
    transition: 0.2s border-color ease-in-out;
}

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput input:focus, 
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput input:active,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element input:focus,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element input:active {
    border-color: black;
    box-shadow: none;
}

/* Modal Footer */
.modal-container .modal-footer.slds-modal__footer {
    border-top: 0;
    border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    padding: 0.5rem 1.5rem 2.5rem 1.5rem;
    text-align: center;
}
/*Footer links on hover clean up to */
.Global_Footer_Links a:hover {
    color: var(--color-cream);
    text-decoration: none;
}

/* Modal Footer - Action(s) */
.modal-container .modal-footer.slds-modal__footer .forceModalActionContainer button[title="Cancel"] { display: none; }

.modal-container .modal-footer.slds-modal__footer .forceModalActionContainer button[title="Save"] {
    border: 2px solid var(--color-maroon);
    border-radius: 50px;
    color: white;
    font: var(--font-weight_stronger) 0.875rem/0.75rem var(--lwc-fontFamilyHeader);
    margin: 0; padding: 1rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
}

.modal-container .modal-footer.slds-modal__footer .forceModalActionContainer button[title="Save"]:hover,
.modal-container .modal-footer.slds-modal__footer .forceModalActionContainer button[title="Save"]:active,
.modal-container .modal-footer.slds-modal__footer .forceModalActionContainer button[title="Save"]:focus {
    border-color: var(--color-maroon_dark);
    box-shadow: none;
}

/* Modal Error Handling */
.pageLevelErrors .forcePageError { border-bottom: none; }

.pageLevelErrors .forcePageError .errorsList {
    color: var(--color-red_dark);
    margin-top: 0.5rem; padding: 0;
}

.pageLevelErrors .forcePageError .genericNotification { background-color: var(--color-red_dark); }

.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .form-element__group .uiInput--input.has-error input,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element.slds-has-error input {
    border-color: var(--color-red_dark);
    box-shadow: none;
}

.has-error .uiInput--default .form-element__help,
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element.slds-has-error .slds-form-element__help, 
.modal-container .modal-body .forceRecordLayout .section__content .slds-form-element__control .slds-form-element.slds-has-error .slds-form-element__helper {
    margin-top: -0.5rem; 
    margin-bottom: 0.5rem;
}


.slds-modal__content:last-child, .slds-modal__content_has-hidden-footer,
.slds-modal__header_empty+.slds-modal__content, .slds-modal__header--empty+.slds-modal__content { border-radius: 0; }

/* Modal Overlay */
.forceMobileOverlay .container { max-width: 100%; }
.forceMobileOverlay .container .panel-content .slds-section__title { padding: 1rem 0; }

@media (min-width: 768px) {
    .modal-container {
        max-width: 375px !important;
        min-width: 375px !important; 
    }
}

/*** 4.4 - Experience Builder ***/
/* Visual Fix to hide white-space in Builder */
.ui-widget.siteforceDesignTimeComponent[data-fqn="c:KDP_ThemeHeader"] { min-height: auto !important; }

/*** 4.5 - [VF] Change Password ***/
#vf-cp {
    font-family: 'aktiv-grotesk';
    margin: 0; padding: 0;
}

#vf-cp header {
    background-color: var(--color-maroon);
    padding: 24px 18px;
}

#vf-cp header a { display: inline-block; }
#vf-cp header img:hover { filter: brightness(0) saturate(100%) invert(94%) sepia(5%) saturate(2286%) hue-rotate(317deg) brightness(103%) contrast(92%); }

#vf-cp .contentHeadline {
    background-color: var(--color-maroon);
    color: white;
    padding: 0 0 1.5rem;
    text-align: left;
}

#vf-cp .contentHeadline h1 {
    font: 800 1.75rem/2rem 'aktiv-grotesk-extended' !important;
    margin: 0;
}

#vf-cp .container form {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 360px;
    padding: 4rem 0;
}

#vf-cp .container form > .input-group {
    display: flex;
    flex-direction: column;
    position: relative;
}

#vf-cp .container form > .input-group > label {
    color: var(--color-grey-04);
    font-family: 'aktiv-grotesk-extended';
    font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: 0.5rem;
    left: 1.125rem;
}

#vf-cp .container form > .input-group > input {
    border: 0.125rem solid var(--color-border-01);
    border-radius: 0;
    caret-color: var(--color-maroon);
    font: var(--font-weight_strong) 1rem/1.3125rem var(--font-header);
    margin-bottom: 0.75rem;
    padding: 1.5rem 1rem 1rem 1rem;
    transition: 0.2s border-color ease-in-out;
}

#vf-cp .container form > .input-group > input:active,
#vf-cp .container form > .input-group > input:focus,
#vf-cp .container form > .input-group > input:focus-visible {
    border: 0.125rem solid var(--color-border-01) !important;
    border-radius: 0 !important;
}

#vf-cp .kdp-button {
    font: 800 0.875rem/0.75rem 'aktiv-grotesk-extended';
    margin: 1rem auto 0;
    width: auto;
}

#vf-cp .kdp-button:hover { cursor: pointer; }

/* Errors */
#vf-cp .message.errorM3 { margin: 1rem 0 0; }

#vf-cp .message.errorM3 table > tbody > tr[valign="top"] > .messageCell {
    background-color: var(--color-red_dark);
    border-radius: 0.25rem;
    color: white;
    padding: 1rem;
}

#vf-cp .message.errorM3 table > tbody > tr[valign="top"] > .messageCell h4 {
    color: white;
    margin: 0;
    text-transform: none;
}

#vf-cp .message.errorM3 table > tbody > tr[valign="top"] > .messageCell br { display: none; }

#vf-cp .message.errorM3 table > tbody > tr > td > span > ul {
    list-style-type: none;
    margin: 1rem 0 0 !important;
}

#vf-cp .message.errorM3 table > tbody > tr > td > span > ul li {
    color: var(--color-red_dark);
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    #vf-cp header { padding: 2rem 50px; }
    #vf-cp .contentHeadline { text-align: center; }
    #vf-cp .contentHeadline h1 { font: 800 3.25rem/3.25rem 'aktiv-grotesk-extended' !important; }
}

/*** 5.0 - Global ***/
/* Body no-scroll, used when off-canvas menu is open */
body.no-scroll { overflow-y: hidden !important; }

/*** 5.1 - [Page] Account Deactivation Confirmation ***/
#account-deactivation {
  margin: 0 auto;
  width: 100%;
}

#account-deactivation h2 { 
  font-size: 1.375rem !important; 
  line-height: 1.625rem !important;
}

#account-deactivation h2 span { display: block; }
#account-deactivation .kdp-button { display: inline-block; }

@media (min-width: 768px) {
  #account-deactivation {
    width: 541px;
  }
}

/*** 5.2 - [Flow] Account Deactivation Flow ***/
body.comm-page-custom-accountdeactivation .flowRuntimeForFlexipage {
  border: 0 !important;
}

body.comm-page-custom-accountdeactivation .flowRuntimeForFlexipage .slds-rich-text-editor__output {
  text-align: center;
}

body.comm-page-custom-accountdeactivation .flowRuntimeForFlexipage .slds-rich-text-editor__output span p:first-of-type {
  font-family: var(--font-header) !important;
  font-size: 1.375rem !important;
  line-height: 1.625rem !important;
}

body.comm-page-custom-accountdeactivation .flowRuntimeForFlexipage .slds-rich-text-editor__output span p > b {
  font-weight: var(--font-weight_stronger) !important;
}

body.comm-page-custom-accountdeactivation .flowRuntimeForFlexipage .slds-rich-text-editor__output span p a {
  color: var(--color-maroon);
  transition: 0.2s all ease-in-out;
}

body.comm-page-custom-accountdeactivation .flowRuntimeForFlexipage .slds-rich-text-editor__output span p a:hover { color: var(--color-maroon_dark); }

/* KDP-Dialog - Deactivate Account */
.slds-modal[aria-label="Deactivate Account"] .slds-modal__content {
  border-radius: 0;
}

.slds-modal[aria-label="Deactivate Account"] .slds-modal__content > .modal-content-wrapper {
  margin-top: 0.5rem;
  padding: 2rem;
}

.slds-modal[aria-label="Deactivate Account"] .slds-modal__content > .modal-content-wrapper > .dialog-wrapper >  .dialog-msg p.dialog-msg_heading {
  font-family: var(--font-header);
  font-size: 1rem;
  font-weight: var(--font-weight_stronger);
}

/*** 6.0 - Perks Experience ***/
/*
* Rules specific to pages &
* elements in Perks Experience
*/
/*** 6.1 - [Component] LWC - Content Block ***/
/* Remove margin/padding so content block fits full-width */
body.comm-page-home .slds-col--padded.contentRegion.comm-layout-column,
body.comm-page-home .slds-col--padded.contentRegion.comm-layout-column div > .ui-widget {
    margin: 0;
    padding: 0;
}

/*** 6.2 - [Page] Join/Login ***/
/* Hide Join/Login button in header when page == Register or Login */
.comm-page-self-register .kdp-header_alt .slds-col_bump-left .kdp-button-login,
.comm-page-login-home .kdp-header_alt .slds-col_bump-left .kdp-button-login { display: none; }

/*** 6.3 - [Page] Landing - How It Works ***/
#hiw h2 {
    font: var(--heading_mobile) !important;
    line-height: 3.5rem !important;
    margin: 0 0 2rem 0;
}

.hiw-col { margin-bottom: var(--lwc-heightTappable); }

.hiw-img-block {
    max-width: 300px;
    min-height: 300px;
}

.hiw-img-block img {
    width: 100%;
    height: auto;
}

.hiw-col > p {
    font: var(--small-copy_mobile) !important;
    line-height: 1.3125rem !important;
    padding: 0;
}

@media (min-width: 768px) {
    #hiw h2 {
        font: var(--heading_desktop) !important;
        line-height: 3.5rem !important;
        margin: 0 0 3.75rem 0;
    }

    .hiw-img-block {
        max-width: 500px;
        min-height: 500px;
    }

    .hiw-col > p {
        font: var(--small-copy_desktop) !important;
        line-height: 1.5rem !important;
        padding: 0 var(--lwc-varSpacingHorizontalMedium);
    }
}

@media (min-width: 1024px) {
    .hiw-col { margin-bottom: 0; }
    
    .hiw-img-block {
        max-width: 285px;
        min-height: 285px;
    }
}

/*** 6.4 - [Page] Edit Profile ***/
/* Target "First Name" field, appear required */
.modal-container .modal-body .forceCommunityRecordDetail .form-element__group > div:first-of-type label::before {
    content: '*';
    font-weight: bolder;
    padding-right: 0.125rem;
    position: relative;
}

/* Mobile Dialog */
body.comm-page-usersettings .PHONE .slds-modal > .modal-container {
    max-width: 340px;
    padding: 1rem;
}

body.comm-page-usersettings .PHONE .slds-modal > .modal-container .modal-header .slds-modal__close {
    top: 1rem;
    right: 1rem;
}

body.comm-page-usersettings .PHONE .container .panel-header h2 { visibility: hidden; }

body.comm-page-usersettings .PHONE .container .panel-header h2::before {
    color: rgba(0,0,0,1);
    content: 'Edit Profile';
    margin-left: 3rem;
    visibility: visible;
}

body.comm-page-usersettings .PHONE .slds-modal > .modal-container .modal-header.empty+.modal-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

body.comm-page-usersettings .PHONE .panel-content .forcePageBlock .slds-section__title { display: none; }
body.comm-page-usersettings .PHONE .panel-content .forcePageBlock .section__content { margin-top: 1rem; }

body.comm-page-usersettings .PHONE .panel-content .uiInput--compound legend.label,
body.comm-page-usersettings .PHONE .panel-content .slds-form-element__label {
    font-family: var(--font-header);
    font-size: 0.875rem;
    margin: 0.5rem 0;
}

body.comm-page-usersettings .PHONE .panel-content .uiInput--compound .form-element__group,
body.comm-page-usersettings .PHONE .panel-content .slds-input { border-radius: 0; }

body.comm-page-usersettings .PHONE .panel-content .uiInput--compound .form-element__group input,
body.comm-page-usersettings .PHONE .panel-content .slds-input {
    padding: 0.75rem;
    height: auto;
}

/*** 6.5 - [Component] Modal - Change Password ***/
.modal-container .modal-body .forceCommunityChangePassword { padding: 0; }
.modal-container .modal-body .forceCommunityChangePassword .row:first-child { display: none; }
.modal-container .modal-body .forceCommunityChangePassword .row:nth-child(2) { padding-bottom: 0; }
.modal-container .modal-body .forceCommunityChangePassword .row .sectionbox { margin-bottom: 0; }

.modal-container .modal-body .forceCommunityChangePassword .row .sectionbox div.uiInput {
    display: flex;
    flex-direction: column;
    position: relative;
}

.modal-container .modal-body .forceCommunityChangePassword .settingslabel {
    color: var(--color-grey-04);
    font-family: var(--font-header);
    font-weight: normal;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0.5rem; left: 1rem;
    width: auto;
    z-index: 1;
}

.modal-container .modal-body .forceCommunityChangePassword .settingslabel span.required { color: var(--color-grey-04); }

.modal-container .modal-body .forceCommunityChangePassword .settingsData {
    border: 0.125rem solid var(--color-border-01);
    border-radius: 0;
    caret-color: var(--color-maroon);
    font: var(--font-weight_strong) 1rem/1.3125rem var(--font-header);
    margin-left: 0; margin-bottom: 0.75rem; 
    padding: 2rem 1rem 1.75rem 1rem;
    transition: 0.2s border-color ease-in-out;
    width: 100%;
}

.modal-container .modal-body .forceCommunityChangePassword .settingsData:focus,
.modal-container .modal-body .forceCommunityChangePassword .settingsData:active {
    border-color: black;
    box-shadow: none;
}

.forceCommunityChangePassword .errorMessage {
    color: var(--color-red_dark);
    line-height: 1rem;
    margin-left: 0 !important;
    width: 100% !important;
}

/* Mobile Dialog */
body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword {
    min-height: 100vh;
    overflow: auto !important;
    padding-left: 1rem; padding-right: 1rem;
}

body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .row:last-of-type { padding: 0; }

body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .settingslabel {
    font-family: var(--font-header);
    font-weight: normal;
}

body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .settingsData {
    border-radius: 0;
    font-size: 1rem;
    height: auto;
    padding: 0.75rem;
    width: 100%;
}

body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .settingsData:focus,
body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .settingsData:focus-visible { border-color: black; }

body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .row:first-child { padding-bottom: 0; }

body.comm-page-usersettings .PHONE .panel-content > .forceCommunityChangePassword .passwordRules {
    font: normal 1rem/1.5rem var(--font-body);
    margin-left: 0;
    width: 100%;
}

/*** 6.6 - [Page] Reset Password ***/
.salesforceIdentityForgotPassword2 {
    margin: 0 auto;
    width: 100%;
}

.salesforceIdentityForgotPassword2 .inputContainer {
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.salesforceIdentityForgotPassword2 .inputContainer .inputIcon { display: none; }

.salesforceIdentityForgotPassword2 .inputContainer .inputBox {
    border: 2px solid var(--color-border-01);
    border-radius: 0 !important;
    font: var(--font-weight_strong) 1rem/1.3125rem var(--font-header);
    margin: 0 !important;
    padding: 1.25rem 1rem;
    width: 100% !important;
}

.salesforceIdentityForgotPassword2 .inputContainer .inputBox:active,
.salesforceIdentityForgotPassword2 .inputContainer .inputBox:focus {
    border-color: black;
    box-shadow: none !important;
}

.salesforceIdentityForgotPassword2 .slds-button {
    border-radius: 50px !important;
    color: white ;
    display: block !important;
    font: var(--font-weight_stronger) 0.875rem/0.75rem var(--lwc-fontFamilyHeader) !important;
    margin: 1.5rem auto 0 auto !important;
    padding: 1.125rem 2.5rem !important;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
    width: auto !important;
}

.salesforceIdentityForgotPassword2 .slds-button:active,
.salesforceIdentityForgotPassword2 .slds-button:focus { box-shadow: none !important; }

.salesforceIdentityForgotPassword2 .error { text-align: left !important; }
.comm-page-forgot-password .kdp-narrow-container a { font: var(--font-weight_strong) 0.875rem/1.875rem var(--font-body); }

@media (min-width: 768px) {
    .salesforceIdentityForgotPassword2 { width: 360px; }
}

/*** 6.7 - [Page] FAQ ***/
.faq-menu { margin-bottom: 2rem; }
.faq-menu .slds-col { line-height: 44px; }

.faq-menu a {
    font-family: var(--font-header);
    font-size: 0.8rem;
    font-weight: var(--font-weight_stronger);
    text-transform: uppercase;
}

.faq-q-container { margin-bottom: 3rem; }
.faq-a { margin-bottom: 2rem; }
.faq-q { margin-top: 1rem; }


@media (min-width: 768px) {
    .faq-menu { margin-bottom: 6rem; }
    .faq-menu .slds-col { line-height: 1; }

    .faq-q-container { margin-bottom: 6rem; }
    .faq-a { margin-bottom: 4rem; }
    .faq-q { margin-top: 2rem; }
}

/*** 6.8 - [Page] 404 (Error) ***/
#four-oh-four {
    align-items: center;
    flex-direction: column;
}

#four-oh-four h2 {
    font-size: 1rem !important;
    line-height: 1.25rem !important;
    margin-top: 1.75rem;
    width: 100%;
}

#four-oh-four .slds-col:nth-child(2) { text-align: center; }

@media (min-width: 768px) {
    #four-oh-four  { flex-direction: row;  }
    #four-oh-four .slds-col:nth-child(2) { text-align: left; }

    #four-oh-four h2 {
        font-size: 1.37rem !important;
        line-height: 2.0625rem !important;
        margin-top: 0;
        width: 59%
    }
}

/*** 6.9 - [Page] Terms ***/
#terms p { line-height: 1.2!important; }

/*** 6.10 - [Page] Landing - Tuition Finalists ***/
.tl_content {
    margin: 0 auto; padding: 2rem 0;
    position: relative;
    width: 100%;
}

.tl_content-finalists {
    margin: 0 auto; padding: 2rem 0;
    position: relative;
    width: 100%;
}

.tl_content-heading {
    position: absolute;
    top: -120px;
    width: 100%;
}

.tl_content-heading img,
.tl_content-section div > img { width: 260px; }

.tl_content-block {
    align-items: center;
    flex-direction: column;
    text-align: left;
}

.tl_content-img {
    margin-bottom: 1rem !important;
    max-width: 312px;
}

.tl_content-content {
    margin-bottom: 2rem;
    max-width: 360px;
}

.tl_content-content h2 { font: var(--font-weight_stronger) 1.375rem/1.375rem var(--font-header) !important; }
.tl_content-prizes { flex-direction: column; }

.tl_content-prizes .slds-col {
    flex-direction: column;
    margin-bottom: 3rem;
}

.tl_content-prizes .slds-col:last-of-type { margin-bottom: 0; }

/* Tuition Finalists Landing Page */
.tl_content-content-finalists {
    margin-bottom: 2rem;
    max-width: 560px;
}

.tl_content-finalists .tl_content-section > .tl_content-block:nth-child(odd) > div:first-of-type { order: 1; }
.tl_content-finalists .tl_content-section > .tl_content-block:nth-child(odd) > div:last-of-type { order: 2; }
.tl_content-finalists .tl_content-section > .tl_content-block:nth-child(even) > div:first-of-type { order: 2; }
.tl_content-finalists .tl_content-section > .tl_content-block:nth-child(even) > div:last-of-type { order: 1; }
.tl_content-finalists .tl_content-section > .tl_content-block:not(:last-of-type) { margin-bottom: 2rem; }

.tl_content-content-finalists h2 {
    font-size: 1.125rem;
    font-weight: var(--font-weight_stronger);
    line-height: 1.25 !important;
    margin-bottom: 1.5rem !important;
}

@media (min-width: 768px) {
    .tl_content {
        padding: 4rem 0;
        max-width: 784px;
    }

    .tl_content-finalists { padding: 4rem 0; }
    .tl_content-heading { top: -140px; }

    .tl_content-heading img,
    .tl_content-section div > img { width: auto; }

    .tl_content-block,
    .tl_content-prizes { flex-direction: row; }

    .tl_content-prizes .slds-col { margin-bottom: 0; }

    .tl_content-img { margin-bottom: 1rem !important; }

    /* Tuition Finalists Landing Page */
    .tl_content-finalists .tl_content-section > .tl_content-block:nth-child(odd) > div:first-of-type { order: 1; }
    .tl_content-finalists .tl_content-section > .tl_content-block:nth-child(odd) > div:last-of-type { order: 2; }

    .tl_content-finalists .tl_content-section > .tl_content-block:nth-child(even) > div:first-of-type { order: 1; }
    .tl_content-finalists .tl_content-section > .tl_content-block:nth-child(even) > div:last-of-type { order: 2; }

    .tl_content-finalists .tl_content-section > .tl_content-block:not(:last-of-type) { margin-bottom: 0; }

    .tl_content-content-finalists h2 {
        font-size: 2rem !important;
        margin-bottom: 1.5rem !important;
    }
}

button.tuitionApp, button.tuitionApp:hover { 
    background-color: var(--color-cream) !important;
    color: var(--color-maroon) !important;
}

button.tuitionApp:disabled{ 
    background-color: gray !important;
    color: white !important;
}

/* 6.11 - [Page] Product Detail Page  */

body.kdpLightTheme .Global_Header_Links a {
    color: black !important;
}

body.kdpLightTheme .Global_Header_Links a:hover, 
body.kdpLightTheme .Global_Header_Links li a.active {    
    border-bottom:2px solid black !important;
}

body.kdpLightTheme .button-ghost_small { 
    color: black !important;
    border-color: black !important;
}

body.kdpLightTheme .button-ghost_small:hover,
body.kdpLightTheme a.kdp-button.kdp-button-login.button-ghost_small:hover { 
    background-color: var(--color-maroon);
    border-color: var(--color-maroon) !important;
    color: white !important;
    text-decoration: none !important;
}

#body-content {
    transition: background-color 0.5s ease 0s;
}

body.kdpLightTheme .kdp-branding .home{
    filter: invert(100%) !important;
}

body.kdpLightTheme .account img {
    filter: invert(100%) !important;
}

body.kdpLightTheme .account img:hover {
    color: transparent !important;
    filter: invert(87%) sepia(68%) saturate(3681%) hue-rotate(332deg) brightness(87%) contrast(103%) !important;
}

body.kdpLightTheme .kdp-globalLinks-trigger { 
    filter: invert(100%) !important;
}

body.kdpLightTheme .globalLinks-trigger_line { 
    filter: invert(100%) !important;
    background-color: black !important;
}

body.kdpLightTheme .carouselheadline {
    color: black !important;
}

body.kdpLightTheme .kdp-branding .home:hover {
    color: transparent !important;
    filter: invert(87%) sepia(68%) saturate(3681%) hue-rotate(332deg) brightness(87%) contrast(103%) !important;
}

body.comm-page-managed-content-Products .cb-section_column {
    padding: 0 !important;
}

body.comm-page-managed-content-Products {
    --slds-c-tabs-item-text-color: white;
    --slds-c-tabs-item-color-border-active: white;
}

body.comm-page-managed-content-Products.kdpLightTheme {
    --slds-c-tabs-item-text-color: black;
    --slds-c-tabs-item-color-border-active: black;
}

body.comm-page-managed-content-Products .slds-tabs_default__nav {
    border-bottom-color: inherit;
}

.kdp-tab-group.product-details .slds-tabs_default__item.slds-is-active, .kdp-tab-group.product-details .slds-tabs_default__item{ 
    color: white !important;
}

body.kdpLightTheme .kdp-tab-group.product-details .slds-tabs_default__item.slds-is-active, body.kdpLightTheme .kdp-tab-group.product-details .slds-tabs_default__item {
    color: black !important;
}

.tab.slds-var-m-bottom_medium{ 
    border-bottom: 2px solid white;
}

body.kdpLightTheme .tab.slds-var-m-bottom_medium{
    border-bottom: 2px solid black;
}

.tablinks.kdp-tab-group.product-details, .tablinks.kdp-tab-group.product-nutrition {
    min-width: 50%;
    background-color: Transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
}

body.kdpLightTheme .tablinks.kdp-tab-group.product-details, body.kdpLightTheme .tablinks.kdp-tab-group.product-nutrition  {
    min-width: 50%;
    background-color: Transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
}

.tablinks.kdp-tab-group.product-details.activeTab, .tablinks.kdp-tab-group.product-nutrition.activeTab {
    border-bottom: 4px solid white;
}

body.kdpLightTheme .tablinks.kdp-tab-group.product-nutrition.activeTab, body.kdpLightTheme .tablinks.kdp-tab-group.product-details.activeTab {
    border-bottom: 4px solid black;
}

.bv-rating.bv-text-link.bv-popup-target.bv-focusable > span,
.bv-rating-ratio-count span.bv-rating-ratio-count,
.bv-rating-ratio-count span.bv-rating-ratio-count span,
.bv-write-review-container.bv-write-container > button { 
  filter: brightness(0) invert(1) !important; 
}

body.kdpLightTheme .bv-rating.bv-text-link.bv-popup-target.bv-focusable > span,
body.kdpLightTheme .bv-rating-ratio-count span.bv-rating-ratio-count,
body.kdpLightTheme .bv-rating-ratio-count span.bv-rating-ratio-count span
body.kdpLightTheme .bv-write-review-container.bv-write-container > button { 
  filter: brightness(0) saturate(100%) !important;
}

/* .kdp-tab-group.product-details .slds-tabs_default__nav li.slds-tabs_default__overflow-button{ 
    display: none;
} */

/* 6.12 - [Page] Product Home Page */
.product-eyebrow {
    background-color: var(--color-maroon);
    display: flex;
    color: white;
    font: var(--small-copy_mobile);
    font-weight: var(--font-weight_thin);
    justify-content: center;
    text-align: center;
}

.product-eyebrow p {
    width: 80%;
}

.product-eyebrow a {
    color: white !important;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .product-eyebrow {
        font: var(--body-copy_desktop);
    }

    .product-eyebrow p {
        width: 40%;
    }
}

/*** 6.13 - [Page] Invite Friends - Landing ***/
/* Hide body content's container on invite friends
landing page, this removes whitespace appearing in
content area when dpInviteFriends component is placed. */
body.comm-page-custom-invite-friends #body-content > .container {
  display: none;
} 

/* 6.14 - [Page] Pack Application */
.comm-page-custom-pack-application #body-content > .container {
  margin: 0 auto;
  width: 360px;
}

/* Flow Container */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity {
  border: none;
}

/* Flow Content (Body) */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body {
  padding: 0;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small {
  margin-bottom: 0 !important;
}

/* Labels */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element > .slds-form-element__label,
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element > .flowruntime-input-label {
  color: var(--color-grey-04);
  font-family: var(--font-header);
  font-weight: normal;
  padding: 0;
  position: absolute;
  text-transform: none;
  top: 1.25rem; left: 1rem;
  z-index: 1;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small legend {
  color: var(--color-grey-04);
  font-family: var(--font-header);
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: 2rem;
  padding: 0;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-select_container .slds-select,
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element .slds-form-element__control.slds-grow .slds-input {
  border: 0.125rem solid var(--color-border-01);
  border-radius: 0;
  caret-color: var(--color-maroon);
  font: var(--font-weight_strong) 1rem/1.3125rem var(--font-header);
  margin-top: 0.75rem; padding: 1.5rem 1rem 1rem 1rem;
  transition: 0.2s border-color ease-in-out;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-select_container .slds-select:focus,
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-select_container .slds-select:active,
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element .slds-form-element__control.slds-grow .slds-input:focus,
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element .slds-form-element__control.slds-grow .slds-input:active {
  border-color: black;
  box-shadow: none;
}

/* Tighten addSocialAccounts fields to match */ 
c-dp-add-social-accounts .kdp-form { margin-bottom: 2rem; }
c-dp-add-social-accounts .kdp-form .slds-input {
  margin-top: 0rem !important;
}

c-dp-add-social-accounts .kdp-form .slds-input::placeholder {
  color: var(--color-grey-04) !important;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-select_container .slds-select {
  height: 65px;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-select_container:before{
  top: 2.5rem;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-select_container:after {
  bottom: 1.5rem;
}

/* Footer */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__footer.actionButtonBar {
  margin-top: 1.25rem;
  padding: 0;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__footer.actionButtonBar .actionsLeft {
  display: none;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__footer.actionButtonBar .actionsRight {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__footer.actionButtonBar .actionsRight .slds-button {
  background-color: var(--color-maroon);
  border-radius: 50px;
  color: white;
  display: block;
  font-family: var(--lwc-fontFamilyHeader);
  font-size: 0.875rem;
  font-weight: var(--font-weight_stronger);
  line-height: 0.75rem;
  padding: 1rem 2.5rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.2s all ease-in-out;
  border-color:transparent;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__footer.actionButtonBar .actionsRight .slds-button:hover {
  background-color: var(--color-maroon_dark);
}

/* Spacing */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small:nth-child(2),
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small:nth-child(4),
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small:nth-child(6),
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small:nth-child(8) {
  margin-top: 2rem !important;
}

/* Checkboxes */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small fieldset .slds-form-element__control > .slds-checkbox:not(:last-child) {
  margin-bottom: 1.25rem;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small fieldset .slds-form-element__control > .slds-checkbox .slds-checkbox__label {
  display: flex;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small fieldset .slds-form-element__control > .slds-checkbox .slds-checkbox_faux {
  border-radius: 0;
  border-width: 2px;
  box-shadow: none;
  margin-right: 0.5rem;
  min-width: 1.375rem !important; min-height: 1.375rem !important;
  text-transform: none !important;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-m-bottom_x-small fieldset .slds-form-element__control > .slds-checkbox .slds-form-element__label {
  color: var(--color-grey-04);
  font-family: var(--font-body);
  font-size: 1rem;
  padding-top: 0;
}

/* Textarea */
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element.flowruntime-input > .flowruntime-input-label > .slds-form-element__label.slds-rich-text-editor__output {
  padding: 0;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element .slds-textarea {
  border: 2px solid var(--color-border-01);
  border-radius: 0px;
  min-height: 150px;
  padding-top: 2.5rem;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element .slds-textarea:active,
.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-form-element .slds-textarea:focus {
  border-color: black;
  box-shadow: none;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-rich-text-editor__output p {
  font-family: var(--font-header) !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
}

.comm-page-custom-pack-application #body-content > .container .forceCommunityFlowCommunity .content > .slds-card__body > .body .slds-rich-text-editor__output p > strong {
  font-weight: var(--font-weight_stronger) !important;
  font-size: 1.125rem !important;
}

/*** 6.15 - [Page] Pack Application Received ***/
/* Hide body content's container on app received
page, this removes whitespace in body main content */
body.comm-page-custom-application-received #body-content > .container {
  display: none;
} 


/*** 7.0 - Pack Experience ***/
/*
* Rules specific to pages &
* elements in Pack Experience
*/
/*** 7.1 - [Page] Home/Feed ***/
body.comm-page-home.pepper-pack #body-content > .container,
body.comm-page-custom-feed #body-content > .container,
body.comm-page-custom-badges #body-content > .container,
body.comm-page-messages #body-content > .container {
    max-width: 100%;
    padding: 0 1rem 2rem 1rem;
}

body.comm-page-home.pepper-pack .container .slds-grid .slds-col .ui-widget .uiTabset--base {
    padding-right: 1rem;
    padding-left: 1rem;
}

body.comm-page-home.pepper-pack .forceCommunityTabset > .uiTabBar { margin-bottom: 1.5rem; }

/* Modal (Global) */
.uiPanel--default.forceMobileOverlay .container { font-family: var(--lwc-fontFamilyHeader); }
.uiPanel--default.forceMobileOverlay .container .panel-content  { height: auto; }

.uiPanel--default.forceMobileOverlay .container .panel-content .forceChatterPublisherVisibility::before {
    content: '';
    font-size: 1.125rem;
    font-weight: var(--font-weight_stronger);
    position: relative;
    text-transform: uppercase;
}

.uiPanel--default.forceMobileOverlay .container .panel-content .forceChatterPublisherVisibility ul.items { display: none; }

.uiPanel--default.forceMobileOverlay .container .panel-content .slds-rich-text-editor {
    border-radius: 0;
    margin-top: 1rem;
}

.uiPanel--default.forceMobileOverlay .container .panel-content .orderedList { padding: 0.5rem; }

.uiPanel--default.forceMobileOverlay .container .panel-header {
    border-bottom: none;
    justify-content: space-between;
    margin-top: 1rem;
    order: 3;
}

.uiPanel--default.forceMobileOverlay .container .panel-header h2.title { display: none; }

.pepper-pack.comm-page-feeditem-generic .cuf-feedback .cuf-commentItem {
    border-radius: 0;
    border-bottom: 1px solid var(--color-border-01);
}

.uiPanel--default.forceMobileOverlay .container .panel-header button:first-of-type {
    background-color: var(--color-maroon);
    color: transparent;
    position: relative;
}

.uiPanel--default.forceMobileOverlay .container .panel-header button:first-of-type:after {
    color: white;
    content: 'Post';
    font-size: 0.875rem;
    right: 0.5rem;
    position: absolute;
    width: 100%;
}

.uiPanel--default.forceMobileOverlay .container .panel-header button:last-of-type {
    background-color: transparent;
    color: var(--color-maroon);
}

/* Modal Heading - Create a Post */
body.comm-page-custom-feed.siteforce-Modal-Open .uiPanel--default.forceMobileOverlay .container .panel-content .forceChatterPublisherVisibility::before { content: 'Create a Post' }

/* Modal - Create a Post - Hide Topics */
body.comm-page-home .cuf-publisherTopics,
body.comm-page-custom-feed .cuf-publisherTopics { display: none; }

/* Post Detail - Disabled state */
body.comm-page-feeditem-generic .slds-button_brand[disabled] { color: var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) !important; }

/* Tabs (Feed/Badges/Messages) */
body.pepper-pack ul.tabs__nav {
    border-color: black;
    border-bottom:solid 1px #000;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 760px;
    overflow: hidden;
    padding: 0;
}

body.pepper-pack ul.tabs__nav li.tabs__item:before{
  display:none;
}

body.pepper-pack ul.tabs__nav li.tabs__item,
body.pepper-pack ul.tabs__nav li.tabs__item.active > a {
    font-family: var(--font-header);
    font-size: 0.75rem;
    font-weight: var(--font-weight_stronger);
    letter-spacing: 0;
    margin-left: 0;
    text-align: center;
}

body.pepper-pack ul.tabs__nav li.tabs__item > a {
  color:#000;
  padding: 1.25rem 0;
}

body.pepper-pack ul.tabs__nav li.tabs__item.active > a,
body.pepper-pack ul.tabs__nav li.tabs__item:hover > a {
  color:var(--color-maroon);
}  

body.pepper-pack ul.tabs__nav li.tabs__item {
  padding:0;
  border-bottom: solid 4px transparent;
}

body.pepper-pack ul.tabs__nav li.tabs__item.active,
body.pepper-pack ul.tabs__nav li.tabs__item:hover {
  border-color: var(--color-maroon);
}

body.pepper-pack ul.tabs__nav li.tabs__item.active > a,
body.pepper-pack ul.tabs__nav li.tabs__item > a:hover,
body.pepper-pack ul.tabs__nav li.tabs__item > a:focus  {
    border-width: 0.3125rem;
    box-shadow: none;
    text-decoration: none;
}

/* body.pepper-pack ul.tabs__nav li.tabs__item:nth-child(4) {
    visibility: hidden;
    width: 0px;
} */

@media (min-width: 768px) {
    body.comm-page-home.pepper-pack #body-content > .container,
    body.comm-page-custom-feed #body-content > .container,
    body.comm-page-custom-badges #body-content > .container,
    body.comm-page-messages #body-content > .container {
        max-width: 760px;
        padding: 0.5rem 0 2rem 0;
    }

    body.comm-page-home.pepper-pack .container .slds-grid .slds-col .ui-widget .uiTabset--base {
        padding-right: 0;
        padding-left: 0;
    }

    body.pepper-pack ul.tabs__nav li.tabs__item,
    body.pepper-pack ul.tabs__nav li.tabs__item.active > a { 
      font-size: 0.875rem; 
      min-width: 25%;
    }
}


/*** 7.1.1 - + Create a Post ***/
/* Create a post buttom */
body.comm-page-custom-feed ul.branding-actions.oneActionsRibbon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2rem; margin-left: 0;
  width: 100%;
}

body.comm-page-custom-feed ul.branding-actions.oneActionsRibbon li:not(:first-child) { display: none; }

body.comm-page-custom-feed ul.branding-actions.oneActionsRibbon li.slds-button {
  background-color: var(--color-maroon);
  border-color:transparent;
  border-radius: 50px;
  transition: 0.2s all ease-in-out;
  width: 100%;
}

body.comm-page-custom-feed ul.branding-actions.oneActionsRibbon li.slds-button:hover { background-color: var(--color-maroon_dark); }

body.comm-page-custom-feed ul.branding-actions.oneActionsRibbon li.slds-button a {
  background-color: transparent;
  color: transparent;
  display: block;
  font: var(--font-weight_stronger) 0.875rem/0.75rem var(--lwc-fontFamilyHeader);
  padding: 1.1875rem 2.5rem;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

body.comm-page-custom-feed ul.branding-actions.oneActionsRibbon li.slds-button a::before {
  background-image: url('/sfsites/c/resource/KDP_Assets/images/icon-plus.svg');
  background-position-x: 27%;
  background-repeat: no-repeat;
  color: white;
  content: " Create a Post";
  left: 0;
  padding-left: 1.5rem;
  position: absolute;
  width: 100%;
}

body.comm-page-home.pepper-pack .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .uiTabBar,
body.comm-page-custom-feed .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .uiTabBar { display: none; }

body.comm-page-home.pepper-pack .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .tabs__content,
body.comm-page-custom-feed .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .tabs__content {
    border-right: none; border-left: none;
    border-bottom: 1px solid #707070;
    border-radius: 0;
}

body.comm-page-home.pepper-pack .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .tabs__content > .forcePublisherQuickActionCollapser > .dummyControlsContainer,
body.comm-page-custom-feed .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .tabs__content > .forcePublisherQuickActionCollapser > .dummyControlsContainer { padding: 1rem 0 2rem 0; }

body.comm-page-home.pepper-pack .dummyButtonCallToAction,
body.comm-page-custom-feed .dummyButtonCallToAction { color: transparent; }

/* Change title/copy to "Your message to the Pack" */
body.comm-page-home.pepper-pack .dummyButtonCallToAction,
body.comm-page-custom-feed .dummyButtonCallToAction {
    border: 2px solid var(--color-border-01);
    border-radius: 0;
    padding: 0.6125rem;
}

body.comm-page-home.pepper-pack .dummyButtonCallToAction::before,
body.comm-page-custom-feed .dummyButtonCallToAction::before {
    color: var(--color-grey-04);
    content: 'Your message to the Pack';
    font-family: var(--font-header);
    left: 1rem;
    position: absolute;
}

/* Hide "To: Pepper Pack Members" */
.comm-page-home.pepper-pack .forceChatterPublisherPresentationDesktop .visibilitySwitcher,
.comm-page-custom-feed .forceChatterPublisherPresentationDesktop .visibilitySwitcher { display: none !important; }

.comm-page-home.pepper-pack .forceCommunityFeedPublisher .dummyControlsContainer .dummyButtonSubmitAction,
.comm-page-home.pepper-pack .forceCommunityFeedPublisher .bottomBar .bottomBarRight button,
.comm-page-custom-feed .forceCommunityFeedPublisher .dummyControlsContainer .dummyButtonSubmitAction,
.comm-page-home.pepper-pack .forceCommunityFeedPublisher .dummyControlsContainer .dummyButtonSubmitAction,
 { color: transparent; }

body.comm-page-home.pepper-pack .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .tabs__content > .forcePublisherQuickActionCollapser > .dummyControlsContainer button.slds-button.slds-button--brand,
body.comm-page-custom-feed .container .slds-grid .slds-col .ui-widget .forceCommunityFeedPublisher .forceActionsContainer > .tabs__content > .forcePublisherQuickActionCollapser > .dummyControlsContainer button.slds-button.slds-button--brand {
    border-radius: 50px;
    color: transparent;
    display: block;
    font-family: var(--lwc-fontFamilyHeader);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 0.75rem;
    padding: 1.1875rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
    width: 240px;
}

body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .dummyControlsContainer .dummyButtonSubmitAction::before,
body.comm-page-custom-feed .forceCommunityFeedPublisher .dummyControlsContainer .dummyButtonSubmitAction::before,
body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .bottomBar .bottomBarRight button::before,
body.comm-page-custom-feed .forceCommunityFeedPublisher .bottomBar .bottomBarRight button::before {
    background-image: url('/sfsites/c/resource/KDP_Assets/images/icon-plus.svg');
    background-position-x: 19%;
    background-repeat: no-repeat;
    color: white;
    content: 'Create a Post';
    left: 0;
    padding-left: 1.5rem;
    position: absolute;
    width: 100%;
}

/* Create a Post Active (after mousedown) */
body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .cuf-content,
body.comm-page-custom-feed .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .cuf-content { padding: 0; }

body.comm-page-home.pepper-pack .forceChatterMessageBodyInputRichTextEditor.lightningInputRichText .ql-editor.ql-blank::before,
body.comm-page-custom-feed .forceChatterMessageBodyInputRichTextEditor.lightningInputRichText .ql-editor.ql-blank::before {
    color: var(--color-grey-04);
    content: 'Your message to the Pack';
    font-family: var(--font-header);
}

/* WYSIWYG Editor */
body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState,
body.comm-page-custom-feed .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState { padding: 0; }

body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .cuf-content .desktop .publisherInputContainer,
body.comm-page-custom-feed .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .cuf-content .desktop .publisherInputContainer { padding-top: 0; }

body.comm-page-home.pepper-pack .forceChatterMessageBodyInputRichTextEditor .slds-rich-text-editor,
body.comm-page-custom-feed .forceChatterMessageBodyInputRichTextEditor .slds-rich-text-editor {
    border: 2px solid var(--color-border-01);
    border-radius: 0;
}

body.comm-page-home.pepper-pack .forceChatterMessageBodyInputRichTextEditor .slds-rich-text-editor.slds-has-focus,
body.comm-page-custom-feed .forceChatterMessageBodyInputRichTextEditor .slds-rich-text-editor.slds-has-focus {
    border: 2px solid black;
    border-radius: 0;
    box-shadow: none;
}

body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .slds-grid.bottomBar, 
body.comm-page-custom-feed .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .slds-grid.bottomBar { padding: 1rem 0 2rem 0; }

body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .slds-grid.bottomBar .bottomBarRight > .slds-button,
body.comm-page-custom-feed .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .slds-grid.bottomBar .bottomBarRight > .slds-button {
    border-radius: 50px;
    color: transparent;
    display: block;
    font-family: var(--lwc-fontFamilyHeader);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 0.75rem;
    min-width: 165px;
    padding: 1.1625rem 3.75rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
}

body.comm-page-home.pepper-pack .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .slds-grid.bottomBar .bottomBarRight > .slds-button:before,
body.comm-page-custom-feed .forceCommunityFeedPublisher .forceChatterBasePublisher.forceChatterTextPostDesktop > .forceChatterPublisherPresentationDesktop > .container.activeState > .slds-grid.bottomBar .bottomBarRight > .slds-button:before {
    background-image: none;
    content: 'Post';
    padding-left: 0;
}

/* WYSIWYG Popover Styling */
body.comm-page-home.pepper-pack .slds-popover__body div[role="dialog"] h2.slds-text-heading_x-small,
body.comm-page-custom-feed .slds-popover__body div[role="dialog"] h2.slds-text-heading_x-small {
    font-size: 1rem !important;
    letter-spacing: normal !important;
    line-height: 1.1 !important;
}

/* Hide Attachment */
body.comm-page-home.pepper-pack .PHONE div[role="dialog"] .baseMobile .cuf-publisherAttachmentBar,
body.comm-page-custom-feed .PHONE div[role="dialog"] .baseMobile .cuf-publisherAttachmentBar {
    display: none;
}

/*** 7.1.2 - Post Detail ***/
.pepper-pack.comm-page-feeditem-generic #body-content .container {
    margin: 0 auto;
    max-width: 760px;
}

.pepper-pack.comm-page-feeditem-generic #body-content .container .cuf-feedItem .cuf-body .cuf-feedBodyText .feedBodyInner.Desktop {
  font-size: 1.375rem;
}

.pepper-pack.comm-page-feeditem-generic .post-detail-nav {
    align-items: center;
    margin-bottom: 2.25rem; margin-left: 1rem;
    display: flex;
}

.pepper-pack.comm-page-feeditem-generic .post-detail-nav a {
    color: var(--color-maroon);
    font-family: var(--font-header);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    position: relative;
    padding-left: 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
}

.pepper-pack.comm-page-feeditem-generic .post-detail-nav a::before {
    color: var(--color-filter_maroon);
    content: url("/sfsites/c/resource/KDP_Assets/images/icon-arrow.svg");
    left: 0;
    position: absolute;
    height: 14px; width: 14px;
}

/* Post Header */
.pepper-pack.comm-page-feeditem-generic .slds-post__header {
    align-items: center;
    margin-bottom: 1.125rem;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .slds-media__figure { margin-right: 1.5rem; }

.pepper-pack.comm-page-feeditem-generic .slds-post__header .slds-media__figure .slds-avatar--circle {
    border: 2px solid var(--color-maroon);
    height: 36px; width: 36px;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble p {
    font-family: var(--font-header) !important;
    font-size: 1.275rem !important;
    font-weight: var(--font-weight_strong) !important;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .slds-media__body.forceChatterFeedItemHeader {
    align-items: left;
    display: flex;
    flex-direction: column;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble span.cuf-entityLinkId:first-of-type,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble span:nth-child(2) { display: none; }

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble a,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble p { color: black; }

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble .forceChatterEntityLink.entityLinkHover span,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-preamble .entityLinkHover:hover { border-bottom: none !important; }

/* Post Actions */
/* .pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right.uiMenu { display: none; } */

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li[title="Bookmark"],
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li[title="Edit Topics"],
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li[title="Flag"],
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li[title="Mute"],
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li[title="Move"],
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li[title="Close Post"] {
  display: none !important;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li:hover,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li a:hover,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li a:focus,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-media-right .slds-dropdown .dropdown__list li a:active {
  background-color: var(--color-maroon);
  color: white;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-subPreamble.slds-text-body--small {
    font-family: var(--font-body_condensed);
    font-size: 1rem;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-subPreamble.slds-text-body--small,
.pepper-pack.comm-page-feeditem-generic .slds-post__header .cuf-subPreamble.slds-text-body--small a:hover {
    color: black;
    pointer-events: none;
    text-decoration: none;
}

/* Post Body */
.pepper-pack.comm-page-feeditem-generic .forceChatterFeedBodyText .feedBodyInner .cuf-hashtag {
    color: var(--color-maroon);
    pointer-events: none;
}

/* Post Pills/Tags */
.pepper-pack.comm-page-feeditem-generic .forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li a {
    border-color: var(--color-maroon);
    color: var(--color-maroon);
    pointer-events: none;
    transition: 0.2s all ease-in-out;
}

.pepper-pack.comm-page-feeditem-generic .forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li a:hover {
    background-color: var(--color-maroon);
    color: white;
    text-decoration: none;
}

/* Post Footer */
.pepper-pack.comm-page-feeditem-generic .slds-post__footer ul {
    font-family: var(--font-body_condensed);
    font-size: 1rem;
}

.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-actions-list li.forceChatterShareButton { display: none; }

.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-meta-list li {
    border-radius: 1.5rem;
    color: var(--color-grey-04);
}

.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-meta-list li:nth-child(2) { order: 1; }
.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-meta-list li:nth-child(1) { order: 2; }

.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-meta-list li:nth-child(1)::after,
.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-meta-list li.qe-seenBy { display: none; }

.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-meta-list li:nth-child(2) { margin-right: 0.625rem; }

.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-actions-list .slds-post__footer-action:hover, 
.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-actions-list .slds-post__footer-action:focus, 
.pepper-pack.comm-page-feeditem-generic .slds-post__footer .slds-post__footer-actions-list .slds-post__footer-action.slds-is-active { color: var(--color-maroon); }

/* Threaded Comments */
.pepper-pack.comm-page-feeditem-generic .cuf-feedback { background-color: white; }

.pepper-pack.comm-page-feeditem-generic .cuf-feedback.slds-feed__item-comments {
    border-top: 1px solid black;
    border-bottom: none;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pepper-pack.comm-page-feeditem-generic .forceChatterFeedback.threaded-discussion.has-comments>.commentInputArea {
    border-top: 1px solid black;
    padding-top: 2.5rem;
}

.pepper-pack.comm-page-feeditem-generic .cuf-commentItem .slds-media__figure .slds-avatar--circle {
    border: 2px solid var(--color-maroon);
    height: 36px; width: 36px;
}

.pepper-pack.comm-page-feeditem-generic .comment__header .cuf-preamble span.cuf-entityLinkId a.cuf-entityLink {
    color: black;
    font-family: var(--font-header) !important;
    font-weight: var(--font-weight_strong) !important;
}

.pepper-pack.comm-page-feeditem-generic .comment__header .cuf-commentAge,
.pepper-pack.comm-page-feeditem-generic .comment__footer { font-family: var(--font-body_condensed); }

.pepper-pack.comm-page-feeditem-generic .comment__header .cuf-preamble span.cuf-entityLinkId a.cuf-entityLink span,
.pepper-pack.comm-page-feeditem-generic .comment__header .cuf-preamble span.entityLinkHover:hover { border-bottom: none !important; }

/* Rich Text Editor + Comment Area */
.pepper-pack.comm-page-feeditem-generic .forceChatterStyle .forceChatterFeedCommentInput.forceChatterFeedCommentInput { padding: 0 0.5rem; }

.pepper-pack.comm-page-feeditem-generic .commentActorAndInput .slds-grow .slds-form-element__control.slds-grow input,
.pepper-pack.comm-page-feeditem-generic #outerContainer .slds-rich-text-editor {
    border: 2px solid var(--color-border-01);
    border-radius: 0;
    font-family: var(--font-header);
}

.pepper-pack.comm-page-feeditem-generic .commentActorAndInput .slds-avatar {
    border: 2px solid var(--color-maroon);
    display: none;
}

.pepper-pack.comm-page-feeditem-generic #outerContainer .slds-rich-text-editor.slds-has-focus {
    border-color: black;
    box-shadow: none;
}

.pepper-pack.comm-page-feeditem-generic #outerContainer .slds-rich-text-editor .ql-editor.ql-blank:before { color: #5A5657; }

.pepper-pack.comm-page-feeditem-generic .commentActorAndInput .slds-grid .slds-avatar {
    border: 2px solid var(--color-maroon);
    display: none;
}

/* Emoji Picker */
.pepper-pack.comm-page-feeditem-generic .emojiPickerContainer {
  top: -32px;
}

/* Bottom Bar */
/* Hide attachment functionality */
.comm-page-home.pepper-pack .forceCommunityFeedPublisher .bottomBar .bottomBarLeft,
.comm-page-custom-feed .forceCommunityFeedPublisher .bottomBar .bottomBarLeft { display: none; }

.pepper-pack.comm-page-feeditem-generic .bottomBar {
    display: flex !important;
    padding: 1rem 0 0 0 !important;
}

.pepper-pack.comm-page-feeditem-generic .bottomBar .commentActionPanel { display: none; }

.pepper-pack.comm-page-feeditem-generic .bottomBar .cuf-submit .slds-button {
    border-color: transparent;
    border-radius: 50px;
    display: block;
    font-family: var(--lwc-fontFamilyHeader);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    left: 50%;
    line-height: 0.75rem;
    padding: 1.175rem 2.5rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
}

/* Hide Attachment functionality on mobile, edit post */
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .cuf-publisherAttachmentButton {
  display: none;
}

/* Feedback Area */
.pepper-pack.comm-page-feeditem-generic .cuf-feedback .cuf-likes .cuf-entityLinkId,
.pepper-pack.comm-page-feeditem-generic .cuf-feedback .cuf-likes lightning-button { pointer-events: none; }
.pepper-pack.comm-page-feeditem-generic .cuf-feedback .cuf-likes .cuf-entityLinkId a { color: var(--color-maroon); }

@media (min-width: 768px) {
    .pepper-pack.comm-page-feeditem-generic .post-detail-nav { margin-left: 0; }

    .pepper-pack.comm-page-feeditem-generic .slds-post__header .slds-media__body.forceChatterFeedItemHeader {
        align-items: center;
        flex-direction: row;
        padding-right: 0.25rem;
    }

    .pepper-pack.comm-page-feeditem-generic .bottomBar .cuf-submit .slds-button { left: 0; }
    .pepper-pack.comm-page-feeditem-generic .forceChatterStyle .forceChatterFeedCommentInput.forceChatterFeedCommentInput { padding: 0 }
}

/* Edit/Delete Modal (User Actions) */
.pepper-pack.comm-page-feeditem-generic .modal-container {
  max-width: 475px !important;
  min-width: auto !important;
}

.pepper-pack.comm-page-feeditem-generic .modal-container .modal-body .cuf-content {
  padding-left: 0; padding-right: 0;
}

.pepper-pack.comm-page-feeditem-generic .modal-container .modal-body .bottomBar {
  display: none !important;
}

.pepper-pack.comm-page-feeditem-generic .modal-container .modal-footer .forceModalActionContainer button {
  background: var(--color-maroon);
  border-color: transparent;
  border-radius: 50px;
  color: white;
  font-family: var(--lwc-fontFamilyHeader);
  font-size: 0.875rem;
  font-weight: var(--font-weight_stronger);
  line-height: 0.75rem;
  margin-left: 0;
  padding: 1.175rem 2.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.2s all ease-in-out;
  width: 100%;
}

.pepper-pack.comm-page-feeditem-generic .modal-container .modal-footer .forceModalActionContainer button.cuf-publisherCancelButton {
  display: none;
}

.pepper-pack.comm-page-feeditem-generic .modal-container .modal-footer .forceModalActionContainer button[disabled="true"] {
  background: var(--lwc-colorBackgroundButtonBrandDisabled,rgb(243, 243, 243));
}

/* Edit/Delete Modal - Mobile (Post Actions) */
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-header {
  display: none;
}
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-body {
  border-radius: 0.25rem;
}
/* Hide extraenous elements */
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-body .forceModalActionContainer button[title="Bookmark"],
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-body .forceModalActionContainer button[title="Edit Topics"],
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-body .forceModalActionContainer button[title="Flag"],
.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-body .forceModalActionContainer button[title="Mute"] {
  display: none;
}

.pepper-pack.comm-page-feeditem-generic.siteforce-Modal-Open .PHONE.uiModal .panel .modal-container .modal-body .forceModalActionContainer button[title="Cancel"] {
  margin-top: 1rem;
}

/*** 7.1.3 - Rich Text Editor ***/
.rich-text-mention, .rich-text-mention:hover, .rich-text-mention:focus,
.rich-text-link, .rich-text-link:hover, .rich-text-link:focus { color: var(--color-maroon); }

.rich-text-image {
    display: block;
    max-height: 600px;
}

/*** 7.1.4 - Feed Poll ***/
body.pepper-pack.comm-page-feeditem-generic .slds-button_brand[disabled]{
    color: white !important;
}

/*** 7.1.5 - Feed Poll - Post Detail ***/
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost {
  border-radius: 0.5rem;
  padding: 0;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote,
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul {
  margin: 0;
  padding: 0;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul li:first-child,
/* Poll Results */
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .cuf-auxBodyPollPostResult dl {
  padding: 1rem;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul li:not(:first-child) {
  margin-top: 0;
  padding: 0 1rem 1rem 1rem;
}

/* Poll Choices - Input */
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul li .uiInputRadio {
  align-items: center;
  display: flex;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul li .uiInputRadio input[type="radio"] {
  -webkit-appearance: none;
  border: 2px solid var(--color-maroon);
  border-radius: 0.5rem;
  height: 1rem;
  margin-right: 0.5rem;
  padding: 0;
  width: 1rem;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul li .uiInputRadio input[type="radio"]:checked {
  background-color: var(--color-maroon);
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote ul li .uiInputRadio label {
  margin-bottom: 0;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote .button-pane,
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .cuf-auxBodyPollPostResult .button-pane {
  border-top: 1px solid rgba(117, 117, 117, 0.5);
  margin-top: 0;
  padding: 1rem;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote .button-pane .slds-button,
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .cuf-auxBodyPollPostResult .button-pane .slds-button {
  border-radius: 2rem;
  font-family: var(--font-header);
  font-size: 0.875rem;
  font-weight: var(--font-weight_strong);
  padding: 0.25rem 1.5rem;
  text-transform: uppercase;
}

body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .poll-post-container .cuf-auxBodyPollPostVote .button-pane span a.cuf-viewResults,
body.pepper-pack.comm-page-feeditem-generic article.cuf-auxBodyPollPost .cuf-auxBodyPollPostResult .button-pane span a.uiOutputURL {
  color: var(--color-maroon);
}

/*** 7.2 - [Page] Home/Messages ***/
body.pepper-pack.comm-page-messages .subjectContainer h1 { font-size: 1rem !important; }

body.pepper-pack.comm-page-messages .slds-popover__body div[role="dialog"] h2.slds-text-heading_x-small,
body.pepper-pack.comm-page-messages h2.emoji-category-text,
h2.emoji-category-text {
    font-size: 1rem !important;
    letter-spacing: normal;
}

/* New Message Button */
body.pepper-pack.comm-page-messages .inboxHeader .newMessageButtonContainer .slds-button {
    border-radius: 38px;
    background-color: var(--color-maroon);
    color: white !important;
    display: block;
    font-family: var(--lwc-fontFamilyHeader);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 0.75rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
    border-color:transparent;
}

body.pepper-pack.comm-page-messages .inboxHeader .newMessageButtonContainer .slds-button:hover { background-color: var(--color-maroon_dark); }

/* User List */
body.pepper-pack.comm-page-messages .scrollerContainer .listContent ul li a { 
    color: var(--color-maroon);
    text-decoration: none;
}

body.pepper-pack.comm-page-messages .scrollerContainer .listContent ul li.slds-is-active a.slds-navigation-list--vertical__action { background-color: var(--color-cream); }
body.pepper-pack.comm-page-messages .scrollerContainer .listContent ul li a.slds-navigation-list--vertical__action:hover { background-color: rgba(242, 197, 139, 0.1); }

/* Message Pane */
body.pepper-pack.comm-page-messages #messageDetailView .messageContent { justify-content: flex-start; }
body.pepper-pack.comm-page-messages #messageDetailView .messageContent .messageThread ul.messages li.messageHeader > .photos { margin-top: 1rem; }
body.pepper-pack.comm-page-messages #messageDetailView .messageContent .messageThread ul.messages li.message .slds-media__body span a { color: var(--color-maroon); }

/* Reply Container */
body.pepper-pack.comm-page-messages #messageDetailView .messageContent .replyContainer { background-color: transparent; }

body.pepper-pack.comm-page-messages #messageDetailView .messageContent .replyContainer .bottomBar {
    padding-bottom: 1rem;
    padding-left: 0; 
    padding-right: 0;
}

body.pepper-pack.comm-page-messages #messageDetailView .messageContent .replyContainer .bottomBar .slds-button {
    border-radius: 38px;
    display: block;
    font-family: var(--lwc-fontFamilyHeader);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 0.75rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
    border-color:transparent;
}

/* Rich Text Editor */
body.pepper-pack.comm-page-messages .forceChatterFeedCommentInputDesktop .cuf-dummyTextarea.inputTextArea.cuf-commentTextArea,
body.pepper-pack.comm-page-messages #messageDetailView .messageContent .replyContainer .slds-rich-text-editor {
    border: 2px solid var(--color-border-01);
    border-radius: 0;
    font-family: var(--font-header);
    padding: 0.6125rem;
}

body.pepper-pack.comm-page-messages #messageDetailView .messageContent .replyContainer .slds-rich-text-editor.slds-has-focus {
    border: 2px solid black;
    box-shadow: none;
}

body.pepper-pack.comm-page-messages #messageDetailView .messageContent .replyContainer.slds-scrollable { overflow: hidden; }

body.pepper-pack.comm-page-messages .forceChatterMessageDetailView .replyPublisher {
    margin-top: 15px;
    margin-bottom: 10px;
}

/* Hide Add and Remove people */

body.pepper-pack.comm-page-messages .forceChatterMessageDetailViewHeader .messageActionButtonContainer {
    display: none;
}

/*** 7.3 - [Page] Members ***/
/* Page Layout */
.comm-page-custom-members.pepper-pack .container {
    max-width: 760px;
    padding: 0 1rem;
}

/* Member Search */
.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard {
    border: none;
    margin: 0;
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner,
.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile { padding: 0 !important; }

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .slds-form-element__control input {
    border-radius: 0;
    font-family: var(--font-header);
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .slds-form-element__control input:focus,
.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .slds-form-element__control input:focus-visible {
    border-color: black;
    border-radius: 0;
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .listContent ul { margin-top: 1rem; }

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .listContent ul li {
    align-items: center;
    display: flex;
    border-bottom: 1px solid #707070;
    justify-content: center;
    padding: 1.125rem 0;
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .listContent ul li img.socialPhoto {
    border: 2px solid var(--color-maroon);
    height: 30px; width: 30px;
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .listContent ul li div:nth-child(2) a {
    color: black;
    font-family: var(--font-header);
    font-weight: var(--font-weight_strong);
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .listContent ul li div:nth-child(3) { display: none; }

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .mobile .listContent .emptyListContent {
    color: var(--color-red_dark);
    font-family: var(--font-header);
    padding: 0;
}

.comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__footer { display: none; }

/* Member List */
.comm-page-custom-members.pepper-pack .listTitleContainer {
    border-bottom-color: #707070;
    display: flex;
    padding: 0;
}

.comm-page-custom-members.pepper-pack .listTitleContainer .bLeft { display: none; }

.comm-page-custom-members.pepper-pack .listTitleContainer .bBody h2.listTitle {
    font-family: var(--font-header);
    font-weight: var(--font-weight_stronger);
    line-height: 1;
    margin-bottom: 2rem;
    padding-left: 0;
}

.comm-page-custom-members.pepper-pack .listTitleContainer .bBody .sortLabel { display: none; }

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li {
    border-top-color: #707070;
    padding: 0.625rem 0;
}

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li:first-child { border-top: none; }
.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li .body { border-bottom: none; }

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li a.listRecordContent {
    align-items: center;
    display: flex;
}

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li a.listRecordContent:hover,
.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li a.listRecordContent:focus { text-decoration: underline; }

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li a.listRecordContent > .listRecordPhoto .entityPhotoSpecificity { border: 2px solid var(--color-maroon); }

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li a.listRecordContent > .listRecordInfo .listRecordTitle {
    color: black;
    font-family: var(--font-header);
    font-weight: var(--font-weight_strong);
}

.comm-page-custom-members.pepper-pack .listContent ul.forceRelatedList li a.listRecordContent > .listRecordInfo .listRecordDetails { display: none; }

.comm-page-custom-members.pepper-pack .show-more-container {
    display: flex;
    justify-content: center;
}

.comm-page-custom-members.pepper-pack .show-more-container .slds-button {
    background-color: var(--color-maroon);
    border-color: transparent;
    border-radius: 50px;
    color: white;
    display: block;
    font-family: var(--font-header);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 0.75rem;
    padding: 1.1875rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all ease-in-out;
}

.comm-page-custom-members.pepper-pack .show-more-container .slds-button:hover { background-color: var(--color-maroon_dark); }

@media (min-width: 768px) {
    .comm-page-custom-members.pepper-pack .container { padding: 0; }

    /* Member Search */
    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .slds-form-element__control input {
        border-radius: 0;
        font-family: var(--font-header);
    }
    
    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .slds-form-element__control input:focus,
    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .slds-form-element__control input:focus-visible {
        border-color: black;
        border-radius: 0;
        border-width: 2px;
        box-shadow: none;
    }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .slds-form-element__control input:focus,
    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .slds-form-element__control input:focus-visible {
        border-color: black;
        border-radius: 0;
    }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .listContent ul { margin-top: 1rem; }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .listContent ul li {
        align-items: center;
        display: flex;
        border-bottom: 1px solid #707070;
        justify-content: center;
        padding: 1.125rem 0;
    }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .listContent ul li img.socialPhoto {
        border: 2px solid var(--color-maroon);
        height: 30px; width: 30px;
    }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .listContent ul li div:nth-child(2) a {
        border-bottom: none;
        color: black;
        font-family: var(--font-header);
        font-weight: var(--font-weight_strong);
    }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .listContent ul li div:nth-child(3) { display: none; }

    .comm-page-custom-members.pepper-pack .forceChatterAddMemberCard .slds-card__body--inner .listContent .emptyListContent {
        color: var(--color-red_dark);
        font-family: var(--font-header);
        padding: 0;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .forceListViewManager { border: none; }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .forceListViewManager .forceListViewManagerHeader {
        border-bottom: none;
        padding: 0;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .forceListViewManager .forceListViewManagerHeader h1 {
        font-family: var(--font-header) !important;
        font-size: 1.125rem !important;
        font-weight: var(--font-weight_stronger) !important;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContent { padding-top: 0; }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .forceListViewManager .forceListViewManagerHeader div.slds-grid:nth-child(2),
    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable thead {  display: none; }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > td:nth-child(4),
    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > td:nth-child(5),
    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > td:nth-child(6)  {
        display: none;
        padding-left: 0;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > th {
        background-color: white;
        padding: 0.625rem 0;
        width: 30px;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > th .entityPhotoSpecificity {
        border: 2px solid var(--color-maroon);
        height: auto;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > td {
        background-color: white;
        padding-left: 1rem;
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > td > span a {
        color: black;
        font-family: var(--font-header);
        font-size: 1rem;
        font-weight: var(--font-weight_strong);
    }

    .comm-page-custom-members.pepper-pack .forceRelatedListDesktop .listViewContainer table.uiVirtualDataTable tbody tr > td > span a:hover { text-decoration: none; }
}

/*** 7.4 - [Page] Pack Profile Actions ***/
/* Button Style */
.comm-page-detail-005.pepper-pack .cuf-follow, 
.comm-page-detail-005.pepper-pack .cuf-following,
.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton {
    border: 2px solid white;
    border-radius: 50px;
    display: flex;
    padding: 1rem 1.75rem;
}

.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton {
    margin-left: 0.5rem;
}

.comm-page-detail-005.pepper-pack .forceCommunityFollow .button.following {
    background-color: white;
    border-radius: 50px;
    color: var(--color-maroon);
}

.comm-page-detail-005.pepper-pack .cuf-follow span,
.comm-page-detail-005.pepper-pack .cuf-following span,
.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton .label {
    color: white;
    font-family: var(--lwc-fontFamilyHeader);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 0.75rem;
    text-transform: uppercase;
}

/* Follow(ing) Button, re-label & icon */
.comm-page-detail-005.pepper-pack .forceCommunityFollow.group.twoButton,
.comm-page-detail-005.pepper-pack .cuf-follow {
    min-width: 165px;
    max-width: 165px;
}

.comm-page-detail-005.pepper-pack .cuf-follow::before {
    background-image: url('/sfsites/c/resource/KDP_Assets/images/icon-plus.svg');
    content: '';
    height: 12px; width: 12px;
    left: 1.75rem;
    position: absolute;
}

.comm-page-detail-005.pepper-pack .cuf-follow span {
    padding-left: 1rem;
}

.comm-page-detail-005.pepper-pack .cuf-following {
    max-height: 3rem;
}

.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected .slds-button__icon {
    display: none;
}

.comm-page-detail-005.pepper-pack .following.cuf-following span,
.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected.slds-truncate span
.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected-focus.slds-truncate span {
    color: transparent;
    white-space: nowrap;
}

.comm-page-detail-005.pepper-pack .following.cuf-following span::before,
.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected.slds-truncate span::before,
.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected-focus.slds-truncate span::before {
    color: var(--color-maroon);
    content: 'Follow';
    padding-left: 1.375rem;
}

.comm-page-detail-005.pepper-pack .following.cuf-following span::after,
.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected.slds-truncate span::after,
.comm-page-detail-005.pepper-pack .following.cuf-following .slds-text-selected-focus.slds-truncate span::after {
    background-image: url('/sfsites/c/resource/KDP_Assets/images/icon-checkmark.svg');
    content: '';
    height: 12px; width: 16px;
    left: 1.75rem;
    position: absolute;
}

/* Message Button, re-label & icon */
.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton {
    width: 165px;
}

.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton span.label {
    color: transparent;
    white-space: nowrap;
}

.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton .label::before {
    color: white;
    content: 'Message';
    padding-left: 2.375rem;
    position: absolute;
}

.comm-page-detail-005.pepper-pack .forceChatterNewMessageButton .label::after {
    background-image: url('/sfsites/c/resource/KDP_Assets/images/icon-chat-bubble.svg');
    content: '';
    height: 15px; width: 15px;
    left: 1.75rem;
    position: absolute;
}

/*** 7.5 - [Page] Pack User Settings ***/
/* Pack Settings Container */
.comm-page-usersettings.pepper-pack #body-content > .container {
    margin: 0 auto;
    width: 100%;
}

/* Hide unnecessary headings & sections */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable h1.texttitle,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .row:first-of-type,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .row.accountSection { display: none; }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .row { border-bottom: none !important; }

/* Form & Input elements */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .sectionbox,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .sectionboxVisibility,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInput {
    margin-right: 0;
    position: relative;
    width: 100%;
}

/* Form & Input elements - label(s) */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .sectionbox .slds-form-element__label,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .settingsLabel.settingsLabelVisibilityphoto {
    color: var(--color-grey-04);
    font-family: var(--font-header);
    font-size: 0.875rem;
    position: absolute;
    left: 1rem;
    width: auto;
    z-index: 1;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .sectionbox .slds-form-element__label { top: 0.5rem; }
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .settingsLabel.settingsLabelVisibilityphoto { top: 1.375rem; }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .sectionboxVisibility {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .selectinputVisibility {
    height: auto;
    width: 100%;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsInternal .sectionbox button,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-input.slds-combobox__input {
    border: 2px solid var(--color-border-01);
    border-radius: 0;
    font-family: var(--font-header);
    font-size: 1rem;
    font-weight: var(--font-weight_strong);
    padding: 1.75rem 1.5rem 0 0.75rem !important;
    height: 72px;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-form-element .slds-form-element__control .slds-combobox_container .slds-combobox .slds-input-has-icon_right .slds-input__icon-group .slds-icon-utility-down svg.slds-icon-text-default { fill: var(--color-maroon); }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-combobox .slds-listbox {
    border-color: black;
    border-radius: 0;
    border-top-width: 1px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    box-shadow: none;
    font-family: var(--font-header);
    font-size: 0.875rem;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-combobox .slds-listbox .slds-listbox__option { padding: 1rem 0.75rem; }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-combobox .slds-listbox .slds-listbox__option:hover,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-combobox .slds-listbox .slds-listbox__option[aria-checked="true"] { background-color: var(--color-cream); }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsInternal .sectionbox button:focus,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-input.slds-combobox__input:active,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .slds-input.slds-combobox__input:focus {
    border-color: black;
    box-shadow: none;
}

/* Typography */
.comm-page-usersettings.pepper-pack .texttitle {
    font-family: var(--font-header) !important;
    font-size: 1rem !important;
    font-weight: var(--font-weight_stronger) !important;
    line-height: 1.25rem !important;
}

/* Section Specific - Location */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .locationSection .sectionbox:first-of-type,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .locationSection .sectionbox:nth-child(2) { display: none; }

/* Section Specific - Profile Visibility */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .profileVisibilitySection,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .profileVisibilitySection h3.profpublicLabel,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .profileVisibilitySection .visibiltiyFields .sectionboxVisibility:first-of-type > .entityPhotoSpecificity,
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .profileVisibilitySection .visibiltiyFields .sectionboxVisibility:nth-child(2) { display: none; }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .profileVisibilitySection h2.texttitle { margin-bottom: 0; }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .emailNotificationsSection .emailsection {
    font-family: var(--font-header);
    font-size: 1rem;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .emailNotificationsSection h2.texttitle {
    color: transparent;
    position: relative;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .emailNotificationsSection > h2.texttitle::selection {
    color: transparent;
    background-color: transparent;
}

/* Rename Email Notifications to Communications */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .emailNotificationsSection h2.texttitle::after {
    color: black;
    content: 'Communications';
    left: 0;
    position: absolute;
}

/* Checkbox */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable input { border-radius: 0; }

.comm-page-usersettings.pepper-pack .uiInput--checkbox input[type=checkbox]:focus, 
.comm-page-usersettings.pepper-pack input.uiInput--checkbox[type=checkbox]:focus {
    border-color: black;
    box-shadow: none;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable input[type=checkbox]:checked {
    background-color: white;
    border-color: var(--color-border-01);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable input[type=checkbox]:checked::after {
    filter: var(--color-filter_maroon);
    width: 8px; height: 4px;
}

/* Additional Email Options */
legend#legendEmailNotifications h3 {
    font-family: var(--font-header);
    font-size: 1rem !important;
    font-weight: var(--font-weight_strong);
    line-height: 1.4;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .emailsection .checkboxsection {
    font-family: var(--font-header);
    font-size: 1rem;
}

/* Hide individual email options */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(1),
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(2),
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(3),
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(6),
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(8),
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(12),
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox:nth-child(13) {
    display: none;
}

/* Hide charkmark when Email notifications are disabled */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .checkboxsection .uiInputCheckbox input[type=checkbox]:disabled::after { display: none; }

/* Save/Cancel */
.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer {
    margin-top: 1.125rem;
    min-width: 100%;
    text-align: center;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer button.cancelButton { display: none; }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer button.saveButton {
    color: white;
    padding: 1rem 2.5rem;
    background-color: var(--color-maroon);
    border-color: transparent !important;
    border-radius: 1.5rem;
    font-family: var(--font-header);
    font-size: 0.875rem;
    font-weight: var(--font-weight_stronger);
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
}

body.pepper-pack.comm-page-messages .slds-popover__body div[role="dialog"] h2.slds-text-heading_x-small,
body.pepper-pack h2.emoji-category-text,
h2.emoji-category-text {
    font-size: 1rem !important;
    letter-spacing: normal;
}

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer button.saveButton:hover { background-color: var(--color-maroon_dark); }

.comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .savecancelbuttoncontainer button.saveButton::after {
    color: white;
    content: '\00a0 Changes';
}

@media (min-width: 1024px) {
    /* Pack Settings Container */
    .comm-page-usersettings.pepper-pack #body-content > .container {
        margin: 0 auto;
        width: 360px;
    }
}

/* Mobile overwrites */
@media only screen and (max-width: 47.9375em) {
    .comm-page-usersettings.pepper-pack .forceCommunityUserSettingsInternal,
    .comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable,
    .comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .row { padding-left: 0; padding-right: 0; }
    
    .comm-page-usersettings.pepper-pack .forceCommunityUserSettingsCustomizable .profileVisibilitySection .sectionboxVisibility:nth-last-child(-n+2) { border-bottom: none !important; }
}

/*** 7.6 - [Page] Social Login ***/
.social-checkbox.slds-form-element { width: 100%; }

.social-checkbox.slds-form-element .slds-form-element__control label.slds-checkbox_toggle.slds-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.social-checkbox.slds-form-element .slds-form-element__control .slds-checkbox_toggle.slds-grid .slds-checkbox_faux_container .slds-checkbox_faux{ width: 40px; }

.social-checkbox.slds-form-element label .slds-form-element__label {
    color: var(--color-grey-04);
    font-family: var(--font-header);
    font-size: 0.875rem;
    line-height: 0.75rem;
    font-weight: var(--font-weight_stronger);
}

.social-checkbox.slds-form-element .slds-form-element__control .slds-checkbox_faux::after { border: none !important; }

/*** 7.7 - [Page] Home/Activity ***/
.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid h4 {
  font-weight: var(--font-weight_strong) !important;
  margin-bottom: 1.75rem;
  text-transform: capitalize !important;
}


/* Card Container */
.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content {
  padding-bottom: 2rem;
}

/* Card title */
.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .js-content-eyebrow {
  font-family: var(--font-header) !important;
  font-size: 1rem !important;
}

.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .js-content-title h6 {
  font-family: var(--font-body) !important;
  font-size: 0.75rem !important;
  font-weight: var(--font-weight_strong) !important;
  line-height: 1 !important;
}

.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .slds-grid .slds-col span,
.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .slds-grid .slds-col span a:hover {
  cursor: default;
  pointer-events: none !important;
  text-decoration: none !important;
}

.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .js-content-subtitle {
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .js-content-metadata li a {
  color: black;
  border: 1px solid black;
  border-radius: 1.5rem;
  display: inline-block;
  font-family: var(--font-header);
  font-weight: var(--font-weight_strong);
  margin-top: 0.125rem;
  padding: 0.325rem 1.5rem;
  text-transform: uppercase;
  transition: 0.2s all ease-in-out;
}

.pepper-pack.comm-page-home .forceCommunityDynamicCollectionGrid .js-content .js-content-metadata li a:hover {
  background-color: var(--color-maroon);
  border-color: var(--color-maroon);
  color: white;
  text-decoration: none;
}

.pepper-pack.comm-page-home .js-dynamic-collection .forceCommunityDynamicCollectionGrid .slds-grid .slds-container_center .viewMoreButton {
  border-color: transparent;
  border-radius: 0;
  font-family: var(--font-header);
  font-size: 1.375rem;
  font-weight: var(--font-weight_strong);
}