@font-face {
    font-family: 'Bio Sans';
    src: url('/s/sfsites/c/resource/reveneraCommunityResources/fonts/Bio-Sans-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('/s/sfsites/c/resource/reveneraCommunityResources/fonts/Bio-Sans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('/s/sfsites/c/resource/reveneraCommunityResources/fonts/Bio-Sans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bio Sans';
    src: url('/s/sfsites/c/resource/reveneraCommunityResources/fonts/Bio-Sans-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

/* REVENERA CUSTOM LINK */
.link-button {
    font-size: 20px;
    cursor: pointer;
}

.link-button:hover {
    text-decoration: underline;
}


/* USER PROFILE LOGIN BUTTON */
.header-wrapper .header-actions .selfServiceUserProfileMenu .login .linkLabel {
    font: 600 18px / 48px "Bio Sans";
    height: 48px;
    padding: 0 25px;
    color: #323F48; 
    background-color: #1ED65F;
    width: fit-content;
    border: none;
}

.header-wrapper .header-actions .selfServiceUserProfileMenu .linkLabel:hover,
.header-wrapper .header-actions .selfServiceUserProfileMenu .linkLabel:focus {
    background-color: #89EE46;
    cursor: pointer;
}

.header-wrapper .header-actions .selfServiceUserProfileMenu a:hover,
.header-wrapper .header-actions .selfServiceUserProfileMenu a:focus {
    text-decoration: none;
}

@media (max-width: 767px) {
    .header-wrapper .header-actions .selfServiceUserProfileMenu .login .linkLabel {
        font: 600 16px / 40px "Bio Sans";
        height: 40px;
    }
}

/* PRODUCTS COMPONENT */
.tiles-section {
    padding: 80px 0;
}

.tiles-title {
    font: 300 40px / 50px "Bio Sans";
    color: #333;
    margin-bottom: 32px;
}

.tiles-main-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
    margin-bottom: 24px;
}

.tiles-main-wrapper .tile-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 300px;
    background-color: transparent;
    border-radius: 10px;
    text-decoration: none;
    padding: 17px 16px;
    box-sizing: border-box;
    transition: .3s;
    border: 2px solid #E7E7E8;
    overflow: hidden;
}

.tiles-main-wrapper .tile-item:hover {
    border: 2px solid #1ED65F;
    text-decoration: none;
    box-shadow: 0px 2px 12px 0px #00549F33;
}

.tile-item img {
    margin-right: 22px;
}

.tile-item-title {
    font: 700 22px / 27px "Bio Sans";
    color: #323F48;
}

.tiles-section .tiles-container .toggle {
    display: none;
} 

.accordion-link {
    position: relative;
    background-color: transparent;
    font: 600 16px / 24px "Bio Sans";
    color: #BB2FE5;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}

.accordion-link:hover {
    text-decoration: underline;
}

.tiles-main-wrapper + .accordion-link {
    width: 100%;
} 

@media (max-width: 1357px) {
    .tiles-main-wrapper {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .tiles-section {
        padding: 40px 0;
    }

    .tiles-title {
        font: 300 36px / 45px "Bio Sans";
        margin-bottom: 24px;
    }

    .accordion-link {
        display: flex;
        justify-content: center;
        font: 400 18px / 24px "Bio Sans";
    }

    .tiles-main-wrapper {
        justify-content: center;
        gap: 15px;
    }
}

/* PRODUCT PAGE - PRODUCT TILES COMPONENT */
.product-page-product-tiles-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 65px 80px;
}

.product-page-product-tiles-wrapper .tiles-main-wrapper {
    margin-bottom: 0;
}

.product-page-product-tiles-wrapper .tiles-main-wrapper .tile-item {
    width: 410px;
}

@media (max-width: 1600px) {
    .product-page-product-tiles-wrapper .tiles-main-wrapper .tile-item {
        width: 385px;
    }

    .product-page-product-tiles-wrapper .tiles-main-wrapper {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .product-page-product-tiles-wrapper {
        padding: 40px 15px;
    }

    .product-page-product-tiles-wrapper .tiles-main-wrapper .tile-item {
        width: 310px;
    }

    .product-page-product-tiles-wrapper .tile-item img {
        margin-right: 15px;
    }
}

@media (max-width: 480px) {
    .product-page-product-tiles-wrapper .tiles-main-wrapper .tile-item {
        width: 100%;
    }
}

/* FOOTER */
.footer-wrapper {
    background-color: #323F48;
}

.footer-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 15px;
    display: flex;
    align-items: center;
}

.footer-top-section {
    border-bottom: 1px solid #fff;
}

.footer-wrapper .footer-logo {
    margin-right: 24px;
    text-decoration: none;
}

.footer-logo-phone {
    display: flex;
    align-items: center;
}

.footer-wrapper .footer-logo:hover,
.footer-wrapper .footer-logo:focus {
    text-decoration: none;
}

.footer-wrapper .footer-phone-link {
    display: inline-block;
    align-self: flex-end;
    color: #1ED65F;
    text-decoration: none;
    font: 400 20px / 24px "Bio Sans";
    margin-right: 64px;
}

.footer-wrapper .footer-phone-link:hover,
.footer-wrapper .footer-phone-link:focus {
    color: #1ED65F;
    text-decoration: underline;
}

.footer-action-buttons {
    display: flex;
    gap: 16px;
}

.footer-wrapper .footer-action-buttons .action-btn {
    font: 600 16px / 20px "Bio Sans";
    padding: 8px 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #1ED65F;
    transition: .3s;
    text-align: center;
}

.footer-wrapper .footer-action-buttons .action-btn:hover,
.footer-wrapper .footer-action-buttons .action-btn:focus {
    text-decoration: none;
    color: #323F48;
    background-color: #1ED65F;
}

.footer-social {
    display: flex;
    gap: 24px;
    margin-left: auto;
    align-self: center;
    align-items: center;
}

.footer-social .social-link {
    text-decoration: none;
    transition: transform 0.3s ease;
}

.social-link:hover {
    transform: scale(1.3);
}

.footer-copyright,
.footer-wrapper .policy-link {
    font: 400 16px / 24px "Bio Sans";
    color: #E7E7E8;
    text-decoration: none;
}

.footer-policy-wrapper {
    margin-left: auto;
    display: flex;
    gap: 16px;
}

.footer-wrapper .policy-link:hover,
.footer-wrapper .policy-link:focus {
    transition: .3s;
    color: #1ED65F;
    text-decoration: underline;
}

.footer-bottom-section .footer-container {
    padding: 24px 15px;
}

@media (max-width: 1200px) {
    .footer-container,
    .footer-logo-phone {
        flex-direction: column;
        gap: 20px;
    }

    .footer-wrapper .footer-logo,
    .footer-wrapper .footer-phone-link {
        margin-right: 0;
    }

    .footer-social,
    .footer-policy-wrapper {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .footer-action-buttons,
    .footer-policy-wrapper {
        flex-direction: column;
        justify-content: center;
    }

    .footer-copyright,
    .footer-policy-wrapper {
        text-align: center;
    }
}

/* revHomePageHeroBanner - Search styles - Temporary */
.search-wrapper .slds-input {
    width: 100%;
    border: 2px solid #E7E7E8;
    border-radius: 60px;
    font: 400 20px / 42px "Bio Sans";
    color: #fff;
    padding: 24px 32px;
    background-color: rgba(50, 63, 72, 0.9);
    height: 72px;
    cursor: pointer;
}

.search-wrapper .slds-input::placeholder {
    color: #fff;
}

@media (max-width: 767px) {
    .search-wrapper .slds-input {
        font: 400 20px / 24px "Bio Sans";
        padding: 24px 12px;
    }
}
/* revHomePageHeroBanner - end of Search styles*/

/* REVENERA NAVIGATION */
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical,
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested .slds-list__item a:hover, 
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested .slds-list__item a.slds-is-active:not([data-type="home"]), 
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested .slds-list__item button:not([disabled]):hover, 
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested .slds-list__item button:not([disabled]).slds-is-active:not([data-type="home"]){
    background-color: #FFF;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__list .slds-list_vertical.slds-is-nested .comm-navigation__item a, 
.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__list .slds-list_vertical.slds-is-nested .comm-navigation__item button {
    font: 400 18px / 20px "Bio Sans";
    color: #323F48;
    padding: 12px;
    border-left: 2px solid transparent;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested .slds-list__item {
    padding: 0 12px;
    margin-top: 0;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical.slds-is-nested.slds-is-absolute {
    box-shadow: 0px 3px 7px 2px rgba(0, 162, 43, 0.3);
    padding: 10px 0;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__list .slds-list_vertical.slds-is-nested .comm-navigation__item a:hover, 
.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__list .slds-list_vertical.slds-is-nested .comm-navigation__item button:hover {
    background-color: #E7E7E8;
    border-left: 2px solid #1ED65F;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__item button,
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list__item button:not([disabled]).slds-is-active:not([data-type="home"]),
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>a,
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list__item .comm-navigation__item .slds-container_fluid.slds-truncate.slds-is-active {
    background-color: #323F48;
    border-bottom: 3px solid transparent;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation,
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>button:hover {
    background-color: transparent;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__item button:hover,
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list__item button:not([disabled]).slds-is-active:not([data-type="home"]):hover,
.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>a:hover {
    border-bottom: 3px solid #1ED65F;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-p-horizontal--x-small {
    padding: 0;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation svg {
    fill: #1ED65F;
}

.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__list .slds-list__item a, 
.header-nav .comm-navigation.forceCommunityGlobalNavigation .comm-navigation__list .slds-list__item button {
	font: 400 18px / 45px "Bio Sans";
    text-transform: capitalize;
}

/* hide 1st nav-item - HOME */
.header-wrapper .header-nav .comm-navigation__list .slds-list__item a[data-type="home"] {
    display: none;
}

.header-wrapper .header-nav .comm-navigation__list .slds-list__item {
    margin-top: 16px;
}

@media (max-width: 1200px) {
    .header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list__item a, 
    .header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list__item button {
        padding: 8px 6px;
    }
}

@media (max-width: 767px) {
    .header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-list_vertical {
        width: 100%;
    }

    .header-nav .comm-navigation.forceCommunityGlobalNavigation svg {
        width: 20px;
        height: 20px;
    }

    .header-nav lightning-button-icon.slds-is-absolute {
        top: 15px !important;
        right: 15px !important;
    }

    .comm-navigation__list.slds-list_vertical.slds-p-top_large {
        padding-top: 60px;
    }

    .header-nav .comm-navigation.forceCommunityGlobalNavigation .slds-is-fixed>.slds-list_vertical>.slds-list__item>.comm-navigation__item>a {
        background-color: #323F48;
        border-bottom: none;
    }

    .header-wrapper .header-nav .comm-navigation__list .slds-list__item {
        margin-top: 0;
    }

    .forceCommunityGlobalNavigation .comm-navigation__item .slds-list_vertical.slds-is-nested .slds-list__item span {
        padding-left: 0; 
    }

    .header-nav .forceCommunityGlobalNavigation .slds-is-fixed>.slds-list_vertical {
        height: auto;
    }

    .header-nav .forceCommunityGlobalNavigation .slds-is-fixed {
        background: rgba(0, 0, 0, .3);
    }

}
/* END OF REVENERA NAVIGATION */

/* HOMEPAGE RESOURCES */
.homepage-resources-wrapper {
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #CDD2D3;
    padding: 32px 24px;
    width: 845px;
    box-sizing: border-box;
}

.homepage-resources-title {
    font: 300 40px / 50px "Bio Sans";
    color: #333;
    margin-bottom: 24px;
}

.resources-tiles-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.resources-tiles-wrapper .resources-tile-item {
    display: inline-block;
    box-sizing: border-box;
    width: 250px;
    padding: 16px;
    border: 2px solid #E7E7E8;
    border-radius: 10px;
    text-decoration: none;
    transition: .3s;
}

.resources-tiles-wrapper .resources-tile-item:hover,
.resources-tiles-wrapper .resources-tile-item:focus {
    border: 2px solid #1ED65F;
    text-decoration: none;
}

.resources-tile-title,
.resources-tile-description {
    color: #323E48;
}

.resources-tile-img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}

.resources-tile-title {
    font: 700 22px / 26px "Bio Sans";
    margin-bottom: 10px;
}

.resources-tile-description {
    font: 400 16px / 20px "Bio Sans";
}

@media (max-width: 1024px) {
    .homepage-resources-wrapper {
        width: 100%;
        padding: 25px 20px;
    }
}

@media (max-width: 767px) {
    .resources-tiles-wrapper {
        justify-content: center;
    }
}



/* REVENERA HOMEPAGE RESOURCES WITH IMG */
.homepage-resources-img-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    padding: 50px 35px 20px;
    width: 410px;
    box-sizing: border-box;
    background-color: #323E48;
}

.resources-img-title {
    font: 400 32px / 36px "Bio Sans";
    color: #fff;
    margin-bottom: 16px;
}

.homepage-resources-img-wrapper .resources-img-link {
    display: inline-block;
    width: fit-content;
    position: relative;
    font: 600 16px / 24px "Bio Sans";
    color: #1ED65F;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-decoration: none;
}

.homepage-resources-img-wrapper .resources-img-link::after {
    content: url("/s/sfsites/c/resource/reveneraCommunityResources/img/arrow-right-green.svg");
    position: absolute;
    top: 0;
    right: -15px;
}

.homepage-resources-img-wrapper .resources-img-link:hover,
.homepage-resources-img-wrapper .resources-img-link:focus {
    color: #1ED65F;
    text-decoration: underline;
}

.resources-img {
    display: block;
    margin-top: auto;
    object-fit: cover;
    max-width: 350px;
    width: 100%;
    height: 336px;
}

@media (max-width: 480px) {
    .homepage-resources-img-wrapper {
        padding: 25px 20px 20px;
        width: 100%;
    }

    .resources-img {
        height: 100%;
    }
}

/* HOMEPAGE FEATURED TOPICS */
.featured-content-wrapper {
    padding: 80px 0;
}

.featured-content-title {
    font: 300 40px / 50px "Bio Sans";
    color: #333;
    margin-bottom: 32px;
}

.featured-tiles-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;    
}

.featured-topic-item {
    display: flex;
    flex-direction: column;
    width: 410px;
    border: 1px solid #E7E7E8;
}

.featured-topic-item-content {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 40px;
}

.featured-topic-item-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    background-color: #00549F;
}

.featured-tiles-wrapper .featured-topic-item-title {
    font: 600 24px / 30px "Bio Sans";
    color: #323E48;
    margin-bottom: 16px;
    text-decoration: none;
}

.featured-tiles-wrapper .featured-topic-item-title:hover,
.featured-tiles-wrapper .featured-topic-item-title:focus {
    text-decoration: underline;
    color: #323E48;
}

.featured-topic-item-description {
    font: 400 16px / 20px "Bio Sans";
    color: #323E48;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1024px) {
    .featured-tiles-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .featured-content-wrapper {
        padding: 40px 0;
    }

    .featured-content-title {
        margin-bottom: 16px;
    }
}

@media (max-width: 480px) {
    .featured-topic-item {
        width: 100%;
    }

    .featured-topic-item-content {
        padding: 15px 15px 25px;
    }
}

/* PRODUCT PAGE - FEATURED/PRODUCT SECTION */
.featured-product-image-wrapper {
    background-color: #E7E7E8;
}

.featured-product-image-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 65px 80px;
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.featured-product-image-item {
    border-radius: 20px;
    background-color: #fff;
    padding: 32px 24px;
    border: 1px solid #CDD2D3;
    min-height: 280px;
}

.featured-product-image-item-title {
    font: 300 40px / 50px "Bio Sans";
    color: #333;
    margin-bottom: 24px;
}

.featured-product-image-item,
.featured-product-image-link {
    width: 410px;
    box-sizing: border-box;
}

.featured-product-image {
    border-radius: 20px;
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.featured-product-image-links-list {
    display: flex;
    flex-direction: column;
}

.featured-product-image-wrapper .featured-product-image-links-list .featured-product-image-links-list-item {
    position: relative;
    padding-left: 15px;
    font: 600 16px / 20px "Bio Sans";
    color: #323E48;
    text-decoration: none;
}

.featured-product-image-wrapper .featured-product-image-links-list .featured-product-image-links-list-item:hover,
.featured-product-image-wrapper .featured-product-image-links-list .featured-product-image-links-list-item:focus {
    color: #323E48;
    text-decoration: underline;
}

.featured-product-image-links-list-item:not(:last-child) {
    margin-bottom: 16px;
}

.featured-product-image-links-list-item::before {
    content: url("/s/sfsites/c/resource/reveneraCommunityResources/img/arrow-right-purple.svg");
    position: absolute;
    left: 0;
}

@media (max-width: 1440px) {
    .featured-product-image-wrapper {
        padding: 65px 60px;
    }
}

@media (max-width: 767px) {
    .featured-product-image-wrapper {
        padding: 40px 15px;
    }

    .featured-product-image-item-title {
        font: 300 36px / 44px "Bio Sans";
    }
}

@media (max-width: 480px) {
    .featured-product-image-item,
    .featured-product-image-link {
        width: 100%;
    }
}

/* FORUMS PAGE */
/* Revenera Leaderboard */
.body .comm-leaderboard h1 {
    font: 400 18px / 24px "Bio Sans";
    color: #333;
}

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper .slds-avatar {
    border: 2px solid #323E48;
    border-radius: 50%;
}

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper {
    border-bottom: 1px solid #1ED65F;
}

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper .comm-leaderboard__user-name {
    font: 400 14px / 16px "Bio Sans";
    color: #323E48;
}

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper span,
.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper .comm-leaderboard__points-word,
.comm-page-custom-forums-homepage .modal-body .cuf-content .cuf-questionTitleField.textarea,
.comm-page-custom-forums-homepage .modal-body .cuf-content .slds-select {
    font: 400 16px / 24px "Bio Sans";
}

.comm-leaderboard .comm-leaderboard__item .slds-p-top_xx-small {
    display: flex;
    align-items: center;
}

.comm-leaderboard .comm-leaderboard__item .comm-leaderboard__level-name {
    margin-left: 5px;
}
/* End of Revenera Leaderboard */

/* ask button + ask popup */
.body .forceCommunityAskCommunity.askCommunityBtn {
    font: 600 18px / 22px "Bio Sans";
    padding: 11px 0;
}
/* .comm-page-article */
.comm-page-custom-forums-homepage .modal-body .cuf-content .forceCommunityCaseDeflection,
.comm-page-article .modal-body .cuf-content .forceCommunityCaseDeflection {
    display: none;
}

.comm-page-custom-forums-homepage .modal-body .cuf-content .slds-form-element__label,
.comm-page-custom-forums-homepage .modal-body .cuf-content .inputLabel,
.comm-page-article .modal-body .cuf-content .slds-form-element__label,
.comm-page-article .modal-body .cuf-content .inputLabel {
    font: 400 14px / 24px "Bio Sans";
    color: #323E48;
}

.comm-page-custom-forums-homepage .modal-body .cuf-content .questionbody .slds-button,
.comm-page-article .modal-body .cuf-content .questionbody .slds-button  {
    font: 600 16px / 24px "Bio Sans";
    color: #323E48;
}

.comm-page-article .modal-body .forceChatterBasePublisher .textarea,
.comm-page-article .modal-body .forceChatterBasePublisher textarea::placeholder,
.comm-page-article .modal-body .forceChatterBasePublisher .slds-select {
    font: 400 16px / 24px "Bio Sans";
}

.comm-page-custom-forums-homepage .slds-modal__footer,
.comm-page-article .slds-modal__footer {
    border: none;
}

.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button,
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button {
    font: 600 16px / 22px "Bio Sans";
    min-width: 140px;
    height: 40px;
    background-color: #1ED65F;
    color: #323E48;
    border-radius: 0;
}

.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button.cuf-publisherShareButton,
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button.cuf-publisherShareButton {
    border: none;
}

.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button.cuf-publisherCancelButton,
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button.cuf-publisherCancelButton {
    background-color: transparent;
}

.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button:hover,
.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button:focus,
.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button.cuf-publisherCancelButton:hover,
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button:hover,
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button:focus,
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button.cuf-publisherCancelButton:hover {
    background-color: #89EE46;
    color: #323E48;
}

.comm-page-custom-forums-homepage .slds-modal__footer .forceModalActionContainer .slds-button_brand[disabled],
.comm-page-article .slds-modal__footer .forceModalActionContainer .slds-button_brand[disabled] {
    background-color: var(--lwc-brandDisabled);
}
/* end of ask button + ask popup */

/* Latest Activity*/
.forceChatterCompactFeed .compactFeedListItem .metadata .topicName, 
.forceChatterCompactFeed .compactFeedListItem .metadata .postedBy, 
.forceChatterCompactFeed .compactFeedListItem .metadata .timestamp,
.forceChatterCompactFeed .compactFeedListItem .metadata .metrics .metric,
.forceChatterCompactFeed .compactFeedListItem .metadata .metrics .metric {
    font: 400 14px / 20px "Bio Sans";
}

.forceChatterCompactFeed .compactFeedListItem .title {
    font: 400 18px / 24px "Bio Sans";
    color: #323E48;
}

.forceChatterCompactFeed .forceChatterCompactFeedItem {
    border-bottom: 1px solid #1ED65F;
}

.forceChatterCompactFeed .feeds-sorter lightning-combobox .slds-form-element__label {
    font: 400 18px / 24px "Bio Sans";
    color: #333;
}

.forceChatterCompactFeed .feeds-sorter lightning-combobox > div {
    display: flex;
    gap: 2px;
    align-items: center;
}

.forceChatterCompactFeed .feeds-sorter .slds-input_faux {
    display: flex;
    align-items: center;
    font: 400 18px / 24px "Bio Sans";
    background-color: #E7E7E8;
    color: #323E48;
    border: none;
    border-radius: 8px;
}

.feedActions .right-actions .forceChatterSearchInFeed .slds-input::placeholder {
    color: #323E48;
}

.forceChatterCompactFeed .feeds-sorter .slds-input_faux {
    padding: 12px 44px 12px 16px; 
}

.forceChatterCompactFeed .feeds-sorter .slds-icon.slds-icon-text-default,
.forceChatterCompactFeed .feeds-filter .slds-button.slds-button_icon-more .slds-button__icon.slds-button__icon_x-small,
.forceChatterCompactFeed .compactFeedListItem .metadata .metrics svg {
    fill: #323E48;
}

.forceChatterCompactFeed .feeds-filter .slds-button.slds-button_icon-more {
    height: 48px;
    background-color: #E7E7E8;
    color: #323E48;
    border: none;
    border-radius: 8px;
}

.forceChatterCompactFeed .feeds-filter .slds-button.slds-button_icon-more:hover .slds-button__icon {
    fill: #323E48;
}

.forceChatterCompactFeed .feeds-filter .slds-button.slds-button_icon-more .slds-button__icon {
    width: 20px;
    height: 18px;
}

.forceChatterCompactFeed .feeds-filter .slds-button.slds-button_icon-more .slds-button__icon.slds-button__icon_x-small {
    width: 16px;
    height: 14px;
}
/* End of Latest Activity*/

/* Forum Topics */
.body .forceCommunityTopicCatalog .topicHierarchy-topBox {
    border-bottom: 1px solid #323E48;
    border-top: none;
    margin-bottom: 0;
}

.body .forceCommunityTopicCatalog .topicHierarchy-topBox .uiOutputText {
    font: 600 16px / 24px "Bio Sans";
}

.body .forceCommunityTabLayout .slds-tabs_default__overflow-button .slds-dropdown-trigger .slds-button {
    font: 600 18px / 24px "Bio Sans";
}

/* Forum Topics Detail*/
.body .forceCommunityFollow .slds-button.following {
    border: 2px solid;
    border-color: #323E48;
}

.body .forceCommunityFollow .slds-button.following:hover {
    border: 2px solid;
    border-color: #323E48;
    color: #fff;
}

.body .forceChatterTopicDescription .forceCommunityTopicDescription .header-label {
    font: 600 16px / 24px "Bio Sans";
}

.body .forceCommunityTopicDescription .topicDescription {
    padding: 5px 0;
    font: 400 16px / 24px "Bio Sans";
}

.body .forceChatterTopicDescription.slds-card-wrapper,
.body .forceCommunityTopicMetrics.topicStats {
    border: 1px solid #323E48;
}

.forceCommunityTopicMetrics.topicStats .forceChatterTopicMetricsItem .value,
.forceCommunityTopicMetrics.topicStats .forceChatterTopicMetricsItem div.slds-text-body--small,
.forceCommunityTopicMetrics.topicStats .forceChatterTopicMetricsItem .showTalkingAbout span,
.forceCommunityTopicMetrics .forceCommunityTopicMetrics .showTalkingAbout {
    font: 400 16px / 24px "Bio Sans";
}

.body .topicStats .showTalkingAbout .slds-icon-utility-trending svg {
    fill: #323E48;
}

.body .forceCommunityFollow .button {
    font: 600 18px / 22px "Bio Sans";
    padding: 13px 0;
}

.body .forceCommunityHeadline .headlineTitle {
    font: 300 40px / 50px "Bio Sans";
    color: #333;
    text-transform: capitalize;
    padding: 15px 0 0 0;
}

.body h2.article-head {
    font: 600 20px / 26px "Bio Sans";
    color: #333;
}

.topicRelatedArticleList .article-item .footer .view-count,
.topicRelatedArticleList .article-item .footer .date,
.topicRelatedArticleList .article-item .footer .article-type {
    font: 400 14px / 20px "Bio Sans";
    color: #333;
}

.body .forceChatterFeedback .slds-item.slds-text-color_success {
    font: 400 14px / 20px "Bio Sans";
}

/* TRENDING ARTICLES + RELATED ARTICLES */
.body .comm-topic-trending-articles h2,
.body .comm-related-articles h2 {
    font: 600 24px / 30px "Bio Sans";
}

.body .comm-topic-trending-articles .comm-topic-trending-articles__item a,
.body .comm-related-articles .comm-related-articles__item a {
    text-decoration: none;
}

.body .comm-topic-trending-articles .comm-topic-trending-articles__item a:hover,
.body .comm-related-articles .comm-related-articles__item a:hover {
    text-decoration: underline;
}

.body .comm-topic-trending-articles .comm-topic-trending-articles__item a span,
.body .comm-related-articles .comm-related-articles__item a span {
    color: #333;
    font: 400 16px / 20px "Bio Sans";
}

.body .comm-related-articles .comm-related-articles__item .slds-p-left_xx-small .slds-text-body_small {
    font: 400 12px / 16px "Bio Sans";
    color: #333;
}

/* PROFILE DROPDOWN MENU */
.header-login .selfServiceUserProfileMenu .uiMenuList.visible {
    box-shadow: 0px 3px 7px 2px rgba(0, 162, 43, 0.3);
    border-radius: 0.125rem;
    padding: 10px;
    margin-top: 10px;
}

.header-login .selfServiceUserProfileMenu .uiMenuList.visible .uiMenuItem a {
    font: 400 18px / 24px "Bio Sans";
	color: #323F48;
    border-left: 2px solid transparent;
    padding: 10px;
}

.header-login .selfServiceUserProfileMenu .uiMenuList.visible .uiMenuItem a:hover {
    color: #323F48;
    background-color: #E7E7E8;
    border-left: 2px solid #1ED65F;
}

.header-login .selfServiceProfileMenuTrigger .profileName, 
.header-login .selfServiceProfileMenuTrigger .down-arrow {
    font: 400 16px / 20px "Bio Sans";
}

.header-login .selfServiceProfileMenuTrigger a,
.header-login .selfServiceProfileMenuTrigger a:hover {
    color: #fff;
}

/* ASK + CONTACT BUTTONS STYLE */
.body .askCommunityButton .askCommunityBtn,
.body .contactSupportButton .communityBtn {
    font: 600 18px / 22px "Bio Sans";
    padding: 11px 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.body .ctaPanel .cta_header .cta_header {
    font: 600 20px / 24px "Bio Sans";
}

/* KNOWLEDGE ARTICLE DETAIL PAGE */
.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__label,
.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__control lightning-formatted-text,
.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__label, 
.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__control lightning-formatted-text {
    padding: 0;
    margin: 0;
    color: #323E48;
}

.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__label {
    white-space: nowrap;
}

.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__label {
    position: relative;
}

.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__label::after {
    content: ':';
    position: relative;
    margin-left: 2px;
}

.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__label,
.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text,
.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text p,
.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text li {
    font: 400 16px / 20px "Bio Sans";
}

.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text p {
    margin-bottom: 9px;
}

.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text strong {
    font-family: 'Bio Sans';
}

.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__label {
    font: 600 32px / 40px "Bio Sans";
    margin: 24px 0;
}

.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__label {
    max-width: 100%;
}

.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__control lightning-formatted-text,
.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__control lightning-formatted-text {
    font: 600 16px / 24px "Bio Sans";
}

.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__control {
    padding-left: 0;
}

/* Title field label */
.knowledge-article-info-wrapper .knowledge-title-field .knowledge-article-info-item .slds-form-element__label {
    display: none;
}

/* Title field value */
.knowledge-article-info-wrapper .knowledge-title-field .knowledge-article-info-item  .slds-form-element__control .slds-form-element__static {
    font: 600 40px / 50px "Bio Sans";
}

.knowledge-article-info-wrapper .slds-form-element_horizontal:not(.slds-is-editing), 
.knowledge-article-info-wrapper .slds-form_horizontal .slds-form-element:not(.slds-is-editing), 
.knowledge-article-info-wrapper .slds-form_stacked .slds-form-element_horizontal:not(.slds-is-editing) {
    padding: 0;
}

.knowledge-article-info-wrapper .knowledge-article-info-item h1 {
    font-weight: 700;
}

.knowledge-article-info-wrapper .knowledge-article-info-item h1,
.knowledge-article-info-wrapper .knowledge-article-info-item h2,
.knowledge-article-info-wrapper .knowledge-article-info-item h3,
.knowledge-article-info-wrapper .knowledge-article-info-item h4,
.knowledge-article-info-wrapper .knowledge-article-info-item h5 {
    font-family: "Bio Sans";
    padding: 10px 0 5px;
}

@media (max-width: 767px) {
    .knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text iframe {
        width: 100%;
    }
}

/* Contact Support Page*/
.comm-page-contactsupport .forceCommunityContactSupportForm h1,
.comm-page-contactsupport .forceCommunityCaseDeflection h1 {
    font: 600 24px / 30px "Bio Sans";
}

.comm-page-contactsupport .forceCommunityContactSupportForm .subtitle,
.comm-page-contactsupport .forceCommunityCaseDeflection .subtitle {
    font: 400 18px / 26px "Bio Sans";
}

/* DOWNLOADS PAGE */
.download-page-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 30px;
}

.download-page-title {
    font: 600 43px / 50px "Bio Sans";
    margin-bottom: 25px;
}

.download-page-text-content {
    font: 400 16px / 24px "Bio Sans";
    margin-bottom: 15px;
}

.download-page-columns-wrapper {
    display: flex;
    gap: 60px;
    margin-bottom: 50px;
}

.download-page-column {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.download-page-column-title {
    font: 600 16px / 24px "Bio Sans";
    margin-bottom: 10px;
}

.download-page-column-list {
    list-style-type: none;
    padding-left: 30px;
}

.download-page-column-list li {
    font: 400 16px / 24px "Bio Sans";
    margin-bottom: 5px;
}

.download-page-wrapper .forceCommunityRichText li:before,
.download-page-wrapper .download-page-column-list li::before {
    display: none;
}

.download-page-columns-wrapper .go-btn {
    display: block;
    align-content: center;
    text-align: center;
    width: 112px;
    font: 700 14px / 24px "Bio Sans";
    background: #1ED65F;
    border-color: #1ED65F;
    color: #323e48;
    padding: 6px 25px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: auto;
}

.download-page-columns-wrapper .go-btn:hover {
    background: #89ee46;
    border-color: #89ee46;
    text-decoration: underline;
}

.download-page-row {
    padding: 35px 0;
    border-top: 1px solid #e8e8e8;
}

.download-page-row-title {
    font: 400 24px / 30px "Bio Sans";
    color: #333;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.download-page-row .download-page-link {
    display: block;
    font: 400 16px / 24px "Bio Sans";
    color: #bb2fe5;
    text-decoration: none;
}

.download-page-row .download-page-link:hover {
    color: #bb2fe5;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .download-page-columns-wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .download-page-wrapper {
        padding: 40px 15px;
    }
}

/* USER SETTINGS */
.comm-page-usersettings .body h1.texttitle,
.comm-page-usersettings .body h2.texttitle,
.comm-page-usersettings .body h3.profpublicLabel,
.comm-page-usersettings .body .emailsection h3 {
    color: #333;
}

.comm-page-usersettings .body h1.texttitle {
    font: 300 40px / 50px "Bio Sans";
}

.comm-page-usersettings .body h2.texttitle {
    font: 600 24px / 30px "Bio Sans";
}

.comm-page-usersettings .body h3.profpublicLabel,
.comm-page-usersettings .body .emailsection h3 {
    font: 400 18px / 24px "Bio Sans";
}

.comm-page-usersettings .body .sectionbox .slds-form-element__label,
.comm-page-usersettings .body .sectionbox .settingsLabel,
.comm-page-usersettings .body .sectionboxVisibility .settingsLabel {
    font: 400 14px / 24px "Bio Sans";
}

.comm-page-usersettings .body .sectionbox .username,
.comm-page-usersettings .body .sectionbox .slds-combobox,
.comm-page-usersettings .body .sectionbox .changepassword,
.comm-page-usersettings .body .sectionbox .settingsEmail,
.comm-page-usersettings .body .sectionbox .slds-dropdown,
.comm-page-usersettings .body .sectionboxVisibility .slds-dropdown,
.comm-page-usersettings .body .sectionboxVisibility .slds-combobox,
.comm-page-usersettings .body .emailNotificationsSection .uiLabel,
.comm-page-usersettings .body .emailsection .uiLabel,
.comm-page-usersettings .body .tabs__content .texttitle {
    font: 400 16px / 24px "Bio Sans";
}

.comm-page-usersettings .body .sectionbox .slds-dropdown .slds-listbox__option:hover,
.comm-page-usersettings .body .sectionboxVisibility .slds-dropdown .slds-listbox__option:hover {
    background-color: #E7E7E8;
}

.comm-page-usersettings .body .sectionbox .slds-dropdown .slds-listbox__option.slds-has-focus,
.comm-page-usersettings .body .sectionboxVisibility .slds-dropdown .slds-listbox__option.slds-has-focus {
    box-shadow: none;
}

.body .savecancelbuttoncontainer .cancelButton,
.body .savecancelbuttoncontainer .saveButton {
    font: 600 18px / 48px "Bio Sans";
    border-radius: 0;
    height: 48px;
    padding: 0 25px;
    color: #323E48;
    transition: .3s;
}

.body .savecancelbuttoncontainer .saveButton {
    border: 1px solid transparent;
    background-color: #1ED65F;
}

.body .savecancelbuttoncontainer .saveButton:hover {
    background-color: #89EE46;
    border: 1px solid #89EE46;
    color: #323E48;
}

.body .savecancelbuttoncontainer .cancelButton:hover {
    background-color: #89EE46;
    border: 1px solid #89EE46;
}

.comm-page-usersettings .body .forceChatterEntityPhoto .image {
    border: 2px solid #323E48;
    border-radius: 50%;
}

.body .userSettingTabs .tabHeader .title {
    font: 600 18px / 24px "Bio Sans";
    color: #BB2FE5;
}

.comm-page-usersettings .body .userSettingTabs .tabs__item.active,
.comm-page-usersettings .body .uiTabset--default .tabs__item.active>a,
.comm-page-usersettings .body .userSettingTabs .tabHeader:hover {
    color: #BB2FE5;
    border-color: #BB2FE5;
}

/* USER PROFILE */
.cProfileViewBody .cProfileHeaderCon .panel .reputationLevelName,
.cProfileViewBody .cProfileHeaderCon .panel .reputationPoints,
.forceCommunityUserProfileStats .reputationLevelName,
.forceCommunityUserProfileStats .reputationPoints  {
    font: 400 14px / 20px "Bio Sans";
}

.forceCommunityUserProfileStats h2.header-label {
    font: 600 18px / 30px "Bio Sans";
}

.cProfileViewBody .detailsData .test-id__field-label,
.cProfileViewBody .detailsData .test-id__field-value,
.body .forceCommunityUserProfileStats .statDesc,
.body .forceCommunityUserProfileStats .statNumber,
.body .forceCommunityUserRecognitions .communitySetupUserRecognitionBadgeItem .slds-truncate .uiOutputText,
.body .forceCommunityUserRecognitions .communitySetupUserRecognitionBadgeItem span {
    font: 400 16px / 24px "Bio Sans";
}

.cProfileViewBody .detailsData .test-id__field-label {
    color: #75787B;
}

.cProfileViewBody .detailsData .test-id__field-value {
    color: #333;
}

.body .forceCommunityUserRelatedList .forceRelatedListContainer .forceRelatedListCardHeader .slds-card__header-title .slds-truncate,
.body .forceCommunityUserRecognitions .slds-card__header .slds-truncate,
.body .profileDetailView .userDetailHeader .profileName {
    font: 600 16px / 24px "Bio Sans";
}

.body .profileDetailView .userDetailHeader .userBadge {
    font: 400 12px / 20px "Bio Sans";
}

.body .forceRelatedListSingleContainer .forceContentVirtualRelatedListStencil .thumbnailImg.medium {
    max-width: 60px;
}

/* Edit button, View All Link*/
.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button {
    border: none;
}

.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button .forceActionLink {
    padding: 8px 20px;
    min-width: 90px;
}

.body .forceCommunityUserRecognitions .view-all-label,
.body .forceCommunityUserRelatedList .view-all-label,
.body .forceCommunityRelatedRecords .view-all-label,
.body .forceChatterAddMemberCard .slds-card__footer .uiOutputURL {
    padding: 10px 20px;
}

.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button .forceActionLink,
.body .forceCommunityUserRecognitions .view-all-label,
.body .forceCommunityUserRelatedList .view-all-label,
.body .forceCommunityUserRecognitions .userRecognitionsHeader .slds-button,
.body .forceChatterAddMemberCard .slds-card__footer .uiOutputURL,
.body .forceCommunityRelatedRecords .slds-card__footer .view-all-label {
    border-radius: 0;
    font: 600 16px / 22px "Bio Sans";
    height: 40px;
    background-color: #1ED65F;
    color: #323E48;
    text-decoration: none;
    transition: .3s;
}

.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button:hover,
.body .forceCommunityUserRecognitions .userRecognitionsHeader .slds-button:hover {
    box-shadow: none;
}

.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button .forceActionLink:hover,
.body .forceCommunityUserRecognitions .slds-card__footer a:hover,
.body .forceCommunityUserRelatedList .slds-card__footer a:hover,
.body .forceRelatedListSingleContainer article a:hover,
.body .forceCommunityUserRecognitions .userRecognitionsHeader .slds-button:hover {
    text-decoration: none;
}

.body .forceCommunityUserRecognitions .view-all-label:hover,
.body .forceCommunityUserRelatedList .view-all-label:hover,
.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button .forceActionLink:hover,
.body .forceCommunityUserRecognitions .userRecognitionsHeader .slds-button:hover,
.body .forceChatterAddMemberCard .slds-card__footer .uiOutputURL:hover,
.body .forceCommunityRelatedRecords .slds-card__footer .view-all-label:hover {
    background-color: #89EE46;
    color: #323E48;
}

/* Edit Popup*/
body .slds-modal .oneRecordActionWrapper.isModal .inlineTitle {
    font: 600 24px / 30px "Bio Sans";
    border-bottom: none;
}

body .slds-modal .oneRecordActionWrapper.isModal h3.slds-section__title,
body .slds-modal .oneRecordActionWrapper.isModal .required-legend {
    font: 400 18px / 24px "Bio Sans";
    color: #333;
}

body .slds-modal .oneRecordActionWrapper.isModal .inlineFooter {
    border-top: none;
}

body .slds-modal .oneRecordActionWrapper .forceRecordEditActions .forceActionButton,
.body .forceCommunityUserRelatedList .forceRelatedListPreview lightning-primitive-file-droppable-zone .slds-file-selector__button {
    border-radius: 0;
    font: 600 16px / 22px "Bio Sans";
    min-width: 140px;
    height: 40px;
    cursor: pointer;
}

body .slds-modal .modal-body .input,
body .slds-modal .modal-body .textarea {
    font: 400 16px / 24px "Bio Sans";
    color: #333;
}

body .slds-modal .oneRecordActionWrapper.isModal .slds-button .label {
    font: 600 16px / 22px "Bio Sans";
}

/* upload button */
.body .forceCommunityRelatedList .forceListViewManager .slds-page-header_object-home .branding-actions .slds-button {
    border-radius: 0;
    font: 600 16px / 22px "Bio Sans";
    min-width: 140px;
    height: 40px;
}

/* View all bages page + View All Upload Files Page */
.body .badgesTabs .tabs__nav .tabs__item .title {
    font: 600 18px / 24px "Bio Sans";
}

.body .badgesTabs .tabs__content .forceListViewManager .slds-page-header_object-home .slds-breadcrumb,
.body .forceCommunityRelatedList .forceListViewManager .slds-page-header_object-home .slds-breadcrumb {
    margin-bottom: 5px;
}

body .slds-modal .oneRecordActionWrapper.isModal .label,
.body .badgesTabs .tabs__content .forceListViewManager .slds-page-header_object-home .slds-breadcrumb .slds-breadcrumb__item,
.body .forceCommunityRelatedList .forceListViewManager .slds-page-header_object-home .slds-breadcrumb .slds-breadcrumb__item,
.body .badgesTabs .tabs__content .forceListViewManager .slds-page-header_object-home .countSortedByFilteredBy,
.body .forceCommunityRelatedList .forceListViewManager .slds-page-header_object-home .countSortedByFilteredBy {
    font: 400 14px / 24px "Bio Sans";
}

.body .badgesTabs .tabs__content .forceListViewManager .slds-page-header_object-home .slds-page-header__title,
.body .forceCommunityRelatedList .forceListViewManager .slds-page-header_object-home .slds-page-header__title {
    font: 600 18px / 24px "Bio Sans";
}

/* table content */
.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager .forceListViewManagerGrid .slds-th__action .slds-truncate,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager .forceListViewManagerGrid .slds-th__action .slds-truncate {
    font: 600 16px / 24px "Bio Sans";
}

.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager .forceListViewManagerGrid .slds-dropdown .dropdown__list .slds-dropdown__item,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager .forceListViewManagerGrid .slds-dropdown .dropdown__list .slds-dropdown__item,
.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager table tbody td span,
.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager table tbody th span,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager table tbody td span,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager table tbody th span {
    font: 400 16px / 24px "Bio Sans";
}

.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager .forceListViewManagerGrid .slds-dropdown .dropdown__list .slds-dropdown__item a:hover,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager .forceListViewManagerGrid .slds-dropdown .dropdown__list .slds-dropdown__item a:hover {
    background-color: #E7E7E8;
    box-shadow: none;
}

/* dropdown icon */
.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager table tbody .slds-button,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager table tbody .slds-button {
    background-color: #E7E7E8;
    color: #323E48;
    display: flex;
    align-items: baseline;
    height: 26px;
    border-radius: 0;
}

.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager table tbody .forceVirtualAction .slds-icon_container .slds-icon_xx-small,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager table tbody .forceVirtualAction .slds-icon_container .slds-icon_xx-small {
    fill: #323E48;
}

/* Give Bage Popup */
body .slds-modal .slds-modal__header {
    border-bottom: none;
}

body .slds-modal .slds-modal__header .title {
    font: 600 24px / 30px "Bio Sans";
}

body .slds-modal .modal-body .form-element__label,
body .slds-modal .modal-body .forceCommunityCommunityThanksBadge .badgeName,
body .slds-modal .modal-body .forceCommunityCommunityThanksBadge .badgeDescription,
body .bBody .cuf-auxBodyTitle.uiOutputText,
body .cuf-auxBodyThanksPost .bBody .cuf-auxBodyDescription.uiOutputText {
    font: 400 14px / 24px "Bio Sans";
}

body .slds-modal .modal-body .forceChatterPanelLauncherBadgeSelect .uiBlock .changeBadgeLabel,
body .slds-modal .modal-body .forceChatterPanelLauncherBadgeSelect .uiBlock .bBody .uiOutputText {
    font: 400 16px / 22px "Bio Sans";
}

body .slds-modal .modal-footer {
    border-top: none;
}

body .slds-modal .modal-body .bottomBar .bottomBarRight .slds-button,
body .slds-modal .modal-footer .forceModalActionContainer .slds-button {
    border-radius: 0;
    font: 600 16px / 22px "Bio Sans";
    min-width: 140px;
    height: 40px;
    cursor: pointer;
}

/* CHAPTER GROUP PAGE */
.chatter-grops-page-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.chatter-grops-page-title {
    margin: 10px 0;
    font: 300 40px / 50px "Bio Sans";
}

.chatter-grops-page-subtitle {
    font: 300 20px / 24px "Bio Sans";
}

/* CHAPTER GROUP PAGE SEARCH/SORT BY */
.chatter-group-search lightning-input lightning-primitive-input-simple > div,
.chatter-group-sort-by .slds-form-element {
    display: flex;
    gap: 2px;
    align-items: center;
}

.chatter-group-search .slds-form-element__label,
.chatter-group-sort-by .slds-form-element__label {
    font: 400 18px / 20px "Bio Sans";
    color: #323E48;
}

.chatter-group-search lightning-input .slds-input {
    display: flex;
    align-items: center;
    font: 400 18px / 24px "Bio Sans";
    background-color: #E7E7E8;
    color: #323E48;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
}

.chatter-group-search lightning-input .slds-input::placeholder {
    color: #323E48;
}

.chatter-group-search .slds-spinner:before, 
.chatter-group-search .slds-spinner:after, 
.chatter-group-search .slds-spinner__dot-a:before, 
.chatter-group-search .slds-spinner__dot-b:before, 
.chatter-group-search .slds-spinner__dot-a:after, 
.chatter-group-search .slds-spinner__dot-b:after {
    background-color: #323E48;
}

/* Sort by button */
.chatter-group-sort-by {
    align-self: center;
}

.chatter-group-sort-by .slds-form-element .slds-select {
    height: 48px;
}

.chatter-group-sort-by .slds-select_container:before,
.chatter-group-sort-by .slds-select_container::after {
    color: #323E48;
}

.chatter-group-sort-by .slds-form-element .slds-form-element__control .slds-select {
    display: flex;
    align-items: center;
    font: 400 18px / 24px "Source Sans Pro";
    background-color: #E7E7E8;
    color: #323E48;
    border: none;
    border-radius: 8px;
}

/* Load more button */
.load-more-btn {
    margin: 20px 0;
}

.load-more-btn .slds-button {
    font: 600 16px / 24px "Bio Sans";
    color: #BB2FE5;
    text-transform: uppercase;
    text-decoration: none;
}

.load-more-btn .slds-button:hover {
    color: #BB2FE5;
    text-decoration: underline;
}

/* CHATTER GTOUP DETAIL */
.body .forceCommunityGroupHighlightStencilNapili .name {
    font: 600 20px / 28px "Bio Sans";
}

.body .forceCommunityGroupHighlightStencilNapili .forceChatterOutputGroupCombinedType,
.forceChatterGroupDetailCard .forceRecordLayout .slds-section__content .slds-form-element__label,
.forceChatterGroupDetailCard .forceRecordLayout .slds-section__content .forceChatterOutputDescription,
.forceChatterGroupDetailCard .forceRecordLayout .slds-section__content .outputLookupLink,
.forceChatterGroupDetailCard .forceRecordLayout .slds-section__content .test-id__field-value {
    font: 400 14px / 20px "Bio Sans";
}

.body .forceCommunityGroupHighlightStencilNapili span,
.body .forceCommunityGroupHighlightStencilNapili .slds-combobox__input,
.body .forceCommunityGroupHighlightStencilNapili .slds-combobox__input .slds-truncate,
.body .forceCommunityGroupHighlightStencilNapili .forceActionLink * {
    font-family: 'Bio Sans';
}

.forceChatterGroupDetailCard .forceRecordLayout .slds-section__content .uiOutputRichText,
.forceChatterGroupDetailCard .forceRecordLayout .gxmorelink .uiOutputURL {
    font-size: 14px;
}

.body .forceCommunityRelatedRecords .forceRelatedListPreview lightning-primitive-input-file .slds-file-selector__body .slds-button,
body .slds-modal .modal-footer .slds-button,
.commentInputArea .commentActorAndInput .cuf-commentInput .cuf-loginLinkContainerParent .cuf-loginLinkContainer .slds-button {
    font: 600 16px / 22px "Bio Sans";
    min-width: 140px;
    height: 40px;
	border-radius: 0;
	cursor: pointer;
}

.body .forceCommunityGroupHighlightStencilNapili .slds-combobox .slds-dropdown {
    font: 400 16px / 24px "Bio Sans";
}

.body .forceCommunityGroupHighlightStencilNapili .slds-combobox .slds-input__icon .slds-icon {
    fill: #323E48;
}

.groupHomeTabSet .uiTabBar .uiTabItem,
.forceChatterGroupDetailCard .slds-card__header .header-title-container .slds-card__header-title {
    font: 600 18px / 24px "Bio Sans";
}

.body .forceCommunityUserRelatedList .forceRelatedListContainer .forceRelatedListCardHeader .slds-card__header-title .slds-truncate, 
.body .forceCommunityUserRecognitions .slds-card__header .slds-truncate,
.body .forceCommunityRelatedRecords .slds-card__header-link .slds-truncate,
.body .forceCommunityRelatedRecords .slds-card__header-title .slds-card__header-link,
.body .forceChatterGroupDetailCard .slds-section__title,
.body .forceChatterAddMemberCard .slds-media__body .slds-card__header-title {
    font: 600 16px / 24px "Bio Sans";
}

/* manage members */
.body .forceChatterAddMemberCard .forceOutputLookupWithPreview .outputLookupLink,
.body .forceCommunityRelatedRecords .forceRelatedListSingleContainer .outputLookupLink {
    border-bottom: none;
}

.forceChatterAddMemberCard .forceOutputLookupWithPreview .outputLookupLink,
.body .forceChatterAddMemberCard .title,
.body .forceCommunityRelatedRecords .forceRelatedListSingleContainer .outputLookupLink,
.slds-file-selector__dropzone .slds-file-selector__text {
    font: 400 14px / 20px "Bio Sans";
}

/* Delete member popup */
body .slds-modal .modal-body.slds-modal__content {
    font: 400 16px / 24px "Bio Sans";
}

/* Unanswered questions title */
.unanswered-questions-section-title {
    font: 600 24px / 30px "Bio Sans";
    text-transform: uppercase;
    margin-bottom: 10px;
}