/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');

@font-face {
    font-family: 'Montserrat Custom';
    src: url("/s/sfsites/c/resource/elevateResources/fonts/Montserrat.ttf") format("truetype");
}

@font-face {
    font-family: 'Mulish';
    src: url("/s/sfsites/c/resource/elevateResources/fonts/Mulish.ttf") format("truetype");
}

/*HIDE LOGIN BUTTON FOR GUEST USER ON EVENT DETAIL PAGE*/
body.guest-user-class[class*="comm-page-detail"] .themeUtils .themeUtil.themeProfileMenu {
    display: none;
}

/* Display the Event Title on two lines */
.event-item .event-item__details .event-item__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 52px;
}

/* Hide "Customer" Label on User/My Profile Page */
.forceCommunityUserProfileBody .userDetailHeader .userBadge {
    display: none;
}

/* EVENT DETAIL PAGE for GUEST */
/* make logo not clickable*/
.guest-user-class .forceCommunityThemeLogo {
    pointer-events: none;
}

/* Hide first menu item from navigation + Hide Back to list button */
.guest-user-class .themeNav .comm-navigation__menu-item:nth-child(1),
.guest-user-class .event-page__back-btn-block {
    display: none;
}

/* HIDE VOUCHER SECTION*/
.vr-cont {
    position: relative;
    visibility: hidden;
}

/* ADD TEXT INSTEED */
.vr-cont::before {
    visibility: visible;
    content: "For the registration fee of $1,500 (not tax deductible): \A - You can pay here with a credit card and select Immediate Payment. \A - Or to use Zelle or another method to pay after submitting this form, select Post-Payment.";
    white-space: pre-wrap;
    display: block;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.amount-container {
    margin-top: 10px;
}

/* Update Text in Post Payment Section */
c-acem-registration-payment .slds-align_absolute-center p {
    visibility: hidden; 
    position: relative;
}

c-acem-registration-payment .slds-align_absolute-center p::before {
    content: "We will email you an invoice. Please let us know your preferred method of payment.";
    visibility: visible;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: inherit;
    text-align: center;
}

/*INCREASE NAV-MENU ITEMS FONT SIZE*/
.forceCommunityThemeNav .mainNavItem .linkBtn {
    font-size: 16px;
}

/*INCREASE ICON SIZE IN HEADER*/
body .forceCommunityThemeHeaderCompact .themeUtils .themeUtil .slds-icon_container,
.themeNotifications .slds-icon-utility-notification svg,
.comm-user-profile-menu .comm-user-profile-menu__trigger-icon .slds-avatar,
.comm-user-profile-menu .comm-user-profile-menu__trigger-icon .slds-avatar img {
    width: 24px;
    height: 24px;
}

/*WELCOME SECTION STYLES*/
.welcome-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding: 50px 0;
}

.welcome-section h3.welcome-section__title {
	font-size: 42px;
    font-weight: 700;
    color: #1e6955;
    text-transform: uppercase;
}

.welcome-section img.welcome-section__image {
    width: 300px;
}

/*MY FEED STYLES*/
.my-feed-title-container {
    padding: 50px 0;
}
.my-feed-title-container h3.my-feed-title {
    color: #f5b800;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

/*FOOTER STYLES*/
.footer-section{
    background: #686962;
    padding: 30px 0 60px;
    font-family: 'Syncopate', sans-serif;
    color: #fff;
}

.footer-wrapper {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-inner .footer-logo img {
    width: 200px;
}

.footer-inner .footer-contacts {
    display: flex;
    align-items: center;
    gap: 30px;
}

.footer-inner .footer-contacts p span {
    font-weight: bold;
}
.footer-inner .footer-contacts p a {
    color: #fff;
}

.footer-inner .footer-contacts .footer-linked-in img {
    width: 40px;
}
.footer-inner .footer-copyright {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-inner .footer-copyright a {
    color: #fff;
}

body.comm-page-self-register {
     background-color: rgb(223, 235, 233);
}

/*Hide List View Recently Viewed Groups from Group Page*/
body[class*="comm-page-list"] div[role="dialog"] .uiInput--picklist .uiAbstractList .listContent .slds-dropdown__list li.slds-dropdown__item:last-child {
    display: none;
}

@media screen and (max-width: 991px) {
    .footer-inner .footer-logo img {
        width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .footer-inner .footer-logo img {
        width: 200px;
    }
    
    .footer-inner {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
}

/*Recent portal users lwc*/
.recent-portal-users .slds-icon-utility-circle svg {
    width: 9px;
    height: 9px;
    fill: var(--lwc-brandAccessible);
}

.comm-page-home c-recent-portal-users .title_label {
    display: none;
}

/*Events List on home page*/
.comm-page-home .event-list__container .layout_item {
    width: 33.3333%;
}

.comm-page-home .event-list__container .action-container,
.comm-page-home .event-list__container c-acem-paginator {
    display: none;
}

.comm-page-home .event-list__container .tabs-container {
    display: none;
}

@media screen and (max-width: 1023px) {
    .comm-page-home .event-list__container .layout_item {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .comm-page-home .event-list__container .layout_item {
        width: 100%;
    }
}

/*Home page main titles*/
.elevate-title-container .elevate-title {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 20px 0 0;
    width: fit-content;
}

.elevate-title-container .elevate-title img {
    width: 30px;
    transition: .3s ease-in-out;
}

.elevate-title-container .elevate-title:hover {
    text-decoration: none;
    color: var(--lwc-colorTextLink);
}

.elevate-title-container .elevate-title:hover img {
    transform: translateX(5px);
}

/*HP banner*/
.elevaate-hp-banner {
    background: var(--lwc-brandAccessible);
    color: #fff;
    padding: 40px 0;
    text-align: center;
}

.elevaate-wrapper {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.elevaate-hp-banner .elevaate-hp-banner__content h2 {
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 500;
}

.elevaate-hp-banner__content p {
    color: #BDD3CA;
    font-size: 20px;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .elevaate-hp-banner .elevaate-hp-banner__content h2 {
        font-size: 32px;
    }

    .elevaate-hp-banner__content p {
        font-size: 16px;
    }
}

/*Feed Home Page*/
.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions {
    background: var(--lwc-brandAccessible);
    border-radius: 12px 12px 0 0;
}

.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions .slds-form-element__label {
    color: #fff;
    font-size: 16px;
}

.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions button.slds-combobox__input,
.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions .feeds-filter .slds-button_icon,
.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions button.slds-button.cuf-refresh {
    border-color: #799A8B;
    background: #4D7D6B;
    color: #fff;
}
.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions .feeds-filter .slds-button_icon:hover svg {
    fill: #fff;
}

.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions input.slds-input::placeholder {
    color: #fff;
}

.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions input.slds-input {
    border-color: #799A8B !important;
    background: #4D7D6B;
    color: #fff;
}

.comm-page-home .resizeCaptureFrameWrapper .feedActions.qe-feedPanelFeedActions .slds-combobox__form-element.slds-input-has-icon svg {
    fill: #fff;
}

.comm-page-home .resizeCaptureFrameWrapper .cuf-feedElementIterationItem.slds-feed__item {
    border: 1px solid #e6e6e6;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.cuf-feedItemHeader .forceChatterFeedItemHeader .cuf-preamble,
.forceChatterComment .comment__header .cuf-preamble {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}

.cuf-feedItemHeader .forceChatterFeedItemHeader .cuf-preamble a,
.forceChatterComment .comment__header .cuf-preamble a {
    color: #000;
}

.cuf-feedback .cuf-showOlderComments.cuf-commentExpandDrawer .slds-button {
    font-weight: 700;
}