@font-face{
font-family:"UCHI-Helvetica-Neue-Normal";
src:url("/resource/CFP_Resources/fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("/resource/CFP_Resources/fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
}
@font-face{
font-family:"UCHI-Helvetica-Neue-Normal-Italic";
src:url("/resource/CFP_Resources/fonts/5664098/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"),url("/resource/CFP_Resources/fonts/5664098/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff");
}
@font-face{
font-family:"UCHI-Helvetica-Neue-Semibold";
src:url("/resource/CFP_Resources/fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("/resource/CFP_Resources/fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}
@font-face{
font-family:"UCHI-Helvetica-Neue-Bold";
src:url("/resource/CFP_Resources/fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("/resource/CFP_Resources/fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
}

ul, ol {
    list-style-type: disc;
}

a {
    color: #0070E0;
}

a:hover {
    color: #004F9E;
}

.forceCommunityTabset {
    max-width: 100vw;
    width: 100%;
}


/* gets rid of padding at on the footer content */
.slds-col--padded.comm-content-footer.comm-layout-column {
    padding-bottom: 0 !important;
}


/* for Cta Content component, get rid of bottom margin */
.noBottomMargin {
    margin-bottom: 0 !important;
}

/* for Cta Content component, get rid of bottom padding */
.noBottomPadding {
    padding-bottom: 0 !important;
}


/* for Listing slides component second login slides component */
.ui-widget + .ui-widget .slideshow.logged-in .content{
    padding-top: 0;
}

.ui-widget + .ui-widget .slideshow.logged-in {
  margin-bottom: 40px;
}
/* Tablet */
@media (min-width: 768px) {
  .ui-widget + .ui-widget .slideshow.logged-in {
    margin-bottom: 65px;
  }
}
/* Desktop */
@media (min-width: 1170px) {
  .ui-widget + .ui-widget .slideshow.logged-in {
    margin-bottom: 90px;
  }
}


/* add margin to the top of row of photos on the communities page */
.comm-page-custom-communities .cPORTAL_RowOfPhotos {
    margin-top: 50px;
}

/* OVERRIDE THE LOGIN PAGE*/
.comm-page-login-home {
    background-color: #F1F9FF;
}

/* for Social login component*/
.salesforceIdentitySocialLogin2 {
    background-color: #F1F9FF;
    padding: 0;
    margin: 0 auto;
    max-width: 580px;
    width: 100%;
}

/* for social login button list container */
.salesforceIdentitySocialLogin2 .socialOptionsContainer {
    /*display: flex;*/
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
    flex: 0 1 100%;
    align-items: center;
    justify-content: space-evenly;
}

/* social login buttons spacing */
.salesforceIdentitySocialLogin2 .socialOptionsContainer .socialOption{
    margin-bottom: 20px;
    /*min-width: 240px;*/
     
}


.salesforceIdentitySocialLogin2 .socialOptionsContainer .socialOption img{
padding:3px;
     
}
/*
@media (min-width: 768px) {
    .socialOptionsContainer .socialOption {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
} */

.socialOptionsContainer li::before {
    content: none;
}

.slds-button.slds-button--neutral.ok.uiButton--default.uiButton--brand.uiButton {
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px #0070E0;
    color: #0070E0;
    border-radius: 22px;
    font-size: 1.7rem;
    padding: 5px 9px 6px 7px;
    border: 0px solid;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

/* File upload modal */
.footerCmps .slds-text-body--small.slds-float--left.slds-p-top--x-small.header {
    font-size: 1.4rem;
    color: black;
    padding: 8px 0px 0px 0px;
}

.modal-header.slds-modal__header .title.slds-text-heading--medium.slds-hyphenate {
    color: #D07335;
    font-size: 2.0rem;
}

/* search icons */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration{
    -webkit-appearance:button !important;
}

lightning-input .slds-input__icon {
    visibility: hidden;
}

/* gets rid of padding at on the footer content */
.slds-col--padded.comm-content-footer.comm-layout-column {
    padding-bottom: 0 !important;
}
/* gets rid of padding at bottom of content body */
.siteforceContentArea .comm-layout-column:not(:empty) {
    padding-bottom: 0 !important; 
}

.siteforceSpinnerManager.siteforcePanelsContainer {
    display:none;
}












/* For displaying the messages components to fit the screen*/
.ui-widget .forceChatterMessages {
    margin: 0 auto;
    font-family: arial;
}

@media (min-width: 360px) {
    .ui-widget .forceChatterMessages .forceChatterMessageSummary:after{ 
         margin-top: -16%
    }
}

/* For displaying the messages components to fit the screen*/
@media (min-width: 768px) {
    .ui-widget .forceChatterMessages {
        width: calc(100vw - 60px);
    }
    
    .slds-navigation-list--vertical__action.messageSummaryContainer .details {
        font-size: 15px;
    }
    
    .ui-widget .forceChatterMessages .forceChatterMessageSummary:after{ 
         margin-top: -50%;
    }
}

@media (min-width: 1024px) {
	.slds-navigation-list--vertical__action.messageSummaryContainer .details {
        font-size: 15px;
    }     

    .ui-widget .forceChatterMessages .forceChatterMessageSummary:after{ 
         margin-top: -22%;
    }
}

/* For displaying the messages components to fit the screen*/
@media (min-width: 1170px) {
    .ui-widget .forceChatterMessages {
        max-width: 1175px;
    }
}

.ui-widget .forceChatterMessages ul{
  padding-left:0 !important;   
}

/* for the bullet point of list inside the rich text*/
.ui-widget .forceChatterMessages .replyContainer .slds-rich-text-editor__textarea .ql-editor.slds-rich-text-area__content ul{
  padding-left:3.5rem !important;   
}


/* get rid of bullet points on the messages component*/
.ui-widget .forceChatterMessages li:before{
   content: none; 
}

.uiTabBar li:before{
    content: none;
}

.uiTabBar {
    padding-left: 10px;
    padding-right: 10px;
}

/* have bullet points for lists if it is inside the rich text */ 
/*.ui-widget .forceChatterMessages .slds-rich-text-editor__textarea li:before{
	content: '●';
}*/

/* get rid of borders on messages component*/
.ui-widget .forceChatterMessages .slds-box {
    padding: 1rem;
    border-radius: .25rem;
    border: none;
}

/* Don't display the message and new buttom on the top of the left side */
.ui-widget .forceChatterMessages .forceChatterMessagesListView .inboxHeader{
  display: none;   
}


/* For the name of the message on the message detail */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .detailViewHeader .subjectContainer h2{
    text-align: left;
    font-size: 2rem;
    color: #800000;
}

/* For the border in the message detail */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .participantsList {
    border-bottom: solid;
    border-color: #808080;
    padding-bottom: 10px; 
    margin-bottom: -8px;
}

/* get rid of padding on the left of the message detail view header to align with the bottom border*/
.ui-widget .forceChatterMessages .forceChatterMessageDetailViewHeader {
    padding-left: 0px;
}


/* or else background color covers it the left side*/
.ui-widget .forceChatterMessages .forceChatterMessageDetailView {
    z-index:1
}

/* or else background color covers it the right side*/
.ui-widget .forceChatterMessages .slds-box.box.right-box {
    z-index:1
}

/* for the sender of the message after the name/title of message*/
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .detailViewHeader .participantsList .forceChatterEntityLink{
    font-size: 1.5rem;
    color: #0070E0;
}

/* Don't show the add/remove buttons on the heading */
.ui-widget .forceChatterMessages .messageActionButtonContainer {
    display: none;
}


/* Message detail information header make the font size and color smaller */
.ui-widget .forceChatterMessages .messageContent .messages .messageHeader {
	font-size:1.3rem;
    color: #000000;
}

/* Photos on the messaging detail portion */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .forceChatterEntityPhoto.mediumSize {
    height: 30px;
    width: 30px;
    min-height:40px;
    min-width:40px;
}

/* Users in the mesasge detail part name to be different color and size */
.ui-widget .forceChatterMessages .messageContent .messages .cuf-entityLink{
    font-size: 1.5rem;
    color: #0070E0;
}

/* timestap in the mesasge detail part of each message  */
.ui-widget .forceChatterMessages .messageContent .messages .timestamp {
    font-size: 1.3rem;
    color: #000000;
}

/* message in the mesasge detail part of each message  */
.ui-widget .forceChatterMessages .messageContent .messages .cuf-body .uiOutputText {
    font-family: arial;
    font-size: 1.5rem;
    color: #000000;
}

/* for the background color and to shift the messages component down a little*/
.ui-widget .forceChatterMessages {
	background-color:#f0f8ff;
    padding-top: 40px;
}

/* For the background color*/
.ui-widget .forceChatterMessages:before {
    content:"";
    background-color:#f0f8ff;
    position: absolute;
    height: calc(100% + 10px);
    width: 100%;
    left: 0;
    margin-top: -40px;
}

/* move the picture and messages to right below the border on the right side */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .messageContent {
    justify-content: flex-start;
}

/* make the message list are smaller width so that its not as close to the message part */
.ui-widget .forceChatterMessages .forceChatterMessagesListView .scrollerContainer .scroller.uiScroller {
    width: 100%;
}

/* make the message list are smaller width so that its not as close to the message part */
@media (min-width: 768px) {
    .ui-widget .forceChatterMessages .forceChatterMessagesListView .scrollerContainer .scroller.uiScroller {
        width: 85%;
    }
    
  
}

@media (min-width: 768px) and (max-width:1024px) {
   
    
    .ui-widget .forceChatterMessages:not(.mobile-view) .left-box {
    	min-width: 40vw;
	}
    
    .ui-widget .forceChatterMessages .slds-box.box.right-box {
        max-width: 50vw;
    }
}

@media (min-width:768px) {
    
    .ui-widget .forceChatterMessages .forceChatterMessageSummary:after {
        bottom:40px;
    }
}

@media (min-width:1024px) {
    
    .ui-widget .forceChatterMessages .forceChatterMessageSummary:after {
        top:10px;
    }
}



/* List of messages portion to put borders around */
.ui-widget .forceChatterMessages .forceChatterMessagesListView .scrollerContainer .scroller .listContent .forceChatterMessageSummary {
    border: solid;
    border-width: thin;
    border-color: #808080;
}

/* for the text box container background color and to put it at the very bottom */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .replyContainer{
    background-color: #f0f8ff;
    margin-top: auto;
    z-index:2;
}

/* Get rid of the border on the left side of the selected message*/
.ui-widget .forceChatterMessages .listContent .forceChatterMessageSummary {
    background-color: white;
}

/* Get rid of the border on the left side of the selected message*/
.ui-widget .forceChatterMessages .listContent .forceChatterMessageSummary.slds-is-active .messageSummaryContainer {
    border-left: none
}

.ui-widget .forceChatterMessages .listContent .forceChatterMessageSummary .messageSummaryContainer .details {
    text-decoration: none;
}

/* for senders message list for their name, message name and time */
.ui-widget .forceChatterMessages .forceChatterMessagesListView .listContent .forceChatterMessageSummary a{
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}


/* so that time and */
.ui-widget .forceChatterMessages .forceChatterMessagesListView .forceChatterMessageSummary .participantsAndTimestamp {
    flex-direction: column;
}

/*make the time stamp before the name of the user for the messages list*/
.ui-widget .forceChatterMessages .forceChatterMessagesListView .forceChatterMessageSummary .timestamp {
    order: -1;
    font-weight: normal;
}

.ui-widget .forceChatterMessages .replyContainer .bottomBar .cuf-commentSubmit {
    background-color: #0070E0;
    box-shadow: 0 0 0 2px #0070E0;
    color: #FFFFFF;
    border-radius: 18px;
    border: 0px solid;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    padding: 10px 17px 9px 17px;
    text-decoration: none;
    white-space: nowrap;
}

/* put padding on bottom of reply button area so that it doesn't cut the button off */
.ui-widget .forceChatterMessages .replyContainer .bottomBar{
    padding-bottom:10px
}

/* FOR THE ARROW AFTER THE REPLY button on the bottom  */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .replyContainer .bottomBar .cuf-submit .cuf-commentSubmit::after{
    background: transparent url(/resource/CFP_Resources/images/svgs/arrow-right-white.svg) no-repeat center center /cover;
    content: "";
    display: inline-block;
    font-size: 0;
    height: 14px;
    margin-left: 8px;
    position: relative;
    top: 1px;
    width: 14px;
}


/* FOR THE arrow after the users in the user message list */
.ui-widget .forceChatterMessages .forceChatterMessageSummary:after{
    content: "";
    background: transparent url(/resource/CFP_Resources/images/svgs/angle-right-white.svg) no-repeat center center;
    display: inline-block;
    font-size: 0;
    height: 30px;
    /* margin-left: -2px; */
    position: relative;
    /* padding-right: 10px; */
    /* top: 1px; */
    width: 20px;
    margin-top: -22%;
    float: right;
}

/* for the user messages area, the right side of the box */
.ui-widget .forceChatterMessages .forceChatterMessageSummary .messageSummaryContainer {
	border: none;
    border-right: solid;
    border-width: 25px;
    border-color: #808080;
}

/* for the user messages area, the right side of the box */
.ui-widget .forceChatterMessages .slds-is-active.forceChatterMessageSummary .messageSummaryContainer {
    border-color: #187bcd;
}

/*rich text tool bar make the bottom buttons bigger*/
.ui-widget .forceChatterMessages .replyContainer .slds-rich-text-editor__toolbar_bottom .slds-button-group-list .slds-button__icon{
    height: 15px;
    width: 15px;
}

/* for the paperclip to add attachments in the rich text area */
.ui-widget .forceChatterMessages .replyContainer .bottomBar .cuf-paperclip .paperclip .slds-icon{
    height: 15px;
    width: 15px;
}

/* for the paperclip to add attachments in the rich text area */
.ui-widget .forceChatterMessages .replyContainer .bottomBar .cuf-paperclip .forceChatterAttachFileButton{
    height: 15px;
    width: 15px;
}

/*hide emoji button on rich text field*/
.ui-widget .forceChatterMessages .replyContainer .slds-rich-text-editor__toolbar_bottom .slds-button-group-list .ql-emoji{
    display: none;
}

/*for the popup from the rich text when adding an image or a file*/
.comm-page-messages .modal-container.slds-modal__container {
    max-width: 80rem;
    min-width: 60rem;
}

/*for the popup from the rich text when adding an image or a file*/
.comm-page-messages .modal-container.slds-modal__container .leftPanel .right ul{
    padding-left: 0;
}

/* move the attached file to the right of the X */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .forceChatterSelectedFileBadge .slds-no-space.slds-p-right {
    padding-left:20px
}

/* change background color of the attached file */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .fileAttachmentContainer  .forceChatterFeedContentFilePreview.previewContainer {
    background-color: #f0f8ff;
    
}

/*get rid of border around the attached file */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .fileAttachmentContainer {
    border: none;
}

/*for the attachment area the x button all the way to the left */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .right {
    left: 0;
    right: auto;
}

/*for the attachment area the x button all the way to the left */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .right button{
    width: 15px;
}

/*for the attachment area the file name and icon */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .slds-col.slds-truncate {
    font-size: 1.5rem;
    text-decoration: none;
    color: #0070E0;
    max-width: fit-content;
    padding-left: 10px;
}

/*for the attachment area the file name */
/*.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .slds-col.slds-truncate a{
    text-decoration: none;
}*/

/*for attachment size */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .slds-shrink-none.slds-text-color--weak {
 	padding-top: 5px;
    margin-right: auto;
}

/*for the attachment area the x button all the way to the left */
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge{
    padding-left:30px
}

/*for the attachment icon in the reply box*/
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .slds-icon_container svg {
    height:18px;
    width: 18px;
    margin-left: -5px;
}

/* for the attachment area to get space the icon correctly*/
.ui-widget .forceChatterMessages .replyContainer .replyPublisher .previewContainer .forceChatterSelectedFileBadge .slds-pill__icon_container.slds-p-right--large {
    height:20px;
    padding-top: 2px;
}

/*for the popup when previewing an attachment*/
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container{
    min-width: 100%;
    max-width: 100%;
}

/*for the  the preview bar on top */
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentBasePreviewToolbar .preview-top-toolbar{
    background-color: #0070E0;
    height:100%;
    font-size: 1.5rem;
    justify-content: flex-start;
}

/* for the preview bar on top the container */
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentModalPreviewPlayer .forceContentBasePreviewToolbar{
    padding-left: 0;
    padding-right: 0;
    height: 80px;
}

/* for the preview bar on top the name */
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentModalPreviewPlayer .forceContentBasePreviewToolbar .file-preview-title{
    padding-left: 10%;
}

/* for the preview bar on top the buttons move buttons to middle*/
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentModalPreviewPlayer .forceContentBasePreviewToolbar .file-preview-buttons{
    margin: 0 auto;
}

/* for the preview bar on top the buttons shift the close over */
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentModalPreviewPlayer .forceContentBasePreviewToolbar .file-preview-close{
    padding-right:10%;
}

/* for the preview bar on top the buttons the close  */
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentModalPreviewPlayer .forceContentBasePreviewToolbar .file-preview-close svg{
    height:15px;
    width:15px;
}

/* for the preview bar on top the buttons to hide view file detail */
.comm-page-messages .uiModal--modalPreview .modal-container.slds-modal__container .forceContentModalPreviewPlayer .forceContentBasePreviewToolbar .file-preview-buttons .forceContentPreviewerAction.forceActionsContainer button[title="View File Details"] {
   display:none;
}

/*border top for the no message and the centering*/
.comm-page-messages .ui-widget .forceChatterMessages .messageContent .noMessages {
	border-top: solid;
    border-color: #808080;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 50%;
}

/* don't display no messages veribage */
.comm-page-messages .ui-widget .forceChatterMessages .messageContent .noMessages p{
	display: none;
}

/* No messages font make bigger */
.comm-page-messages .ui-widget .forceChatterMessages .messageContent .noMessages .slds-text-heading--medium{
	font-size: 3rem;
}
/* Get rid of notification box on mesages page */
/*.comm-page-messages .comm-panels-container.uiContainerManager.siteforcePanelsContainer {
    display:none;
}*/

.comm-page-messages .modal-container.slds-modal__container {
    max-width: 80rem;
    min-width: 80vw;
}

@media (max-width: 575px) {
    .ui-widget .forceChatterMessages:before {
    	height: auto;
    }
}

.forceChatterMessagesListView.mobile-view.container {
    min-height: 50vh !important;
}

.forceChatterMessagesListView.mobile-view.container .noMessages p {
    display: none;
}

/* User Links in messages */
.ui-widget .forceChatterMessages .forceChatterMessageDetailView .detailViewHeader .participantsList .forceChatterEntityLink {
    color: black;
    text-decoration: none;
    pointer-events: none;
}

.ui-widget .forceChatterMessages .messageContent .messages .cuf-entityLink {
    color: black;
    text-decoration: none;
    pointer-events: none;
}


/* HIDE MY GIVING HISTORY 20240205 */


.widget.my-account-wrapper.giving-by-year{
	display: none!important;
}


.filter-element:nth-of-type(5) {
    display: none;
}

/* Hide PG newsletter sub checkbox */
.newsletters .list:nth-of-type(5) {
    display: none;
}

.listing-footer-backtotop {
  top: 15px !important;
}
:root { --dxp-c-section-columns-max-width: 1170px; }