@font-face {
    font-family: "Source Sans Pro";
    src: url('../fonts/SourceSansPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: "Source Sans Pro Bold";
    src: url('../fonts/SourceSansPro-Bold.otf') format('opentype');
}

/* TEMPORARY HIDE LOGIN BUTTON ON LOGIN PAGE */
.comm-page-login-home {
    display: none;
}

/* USER PROFILE LOGIN BUTTON */
.header-wrapper .header-actions .selfServiceUserProfileMenu .login .linkLabel {
    font: 600 18px / 48px "Source Sans Pro";
    border-radius: 8px;
    height: 48px;
    padding: 0 25px;
    color: #fff;
    background-color: #00A1DE;
    width: fit-content;
    border: none;
    text-decoration: none;
}

.header-wrapper .header-actions .selfServiceUserProfileMenu .login .login-link:hover {
    text-decoration: none;
}

.header-wrapper .header-actions .selfServiceUserProfileMenu .login .linkLabel:hover,
.header-wrapper .header-actions .selfServiceUserProfileMenu .login .linkLabel:focus {
    background-color: #00549F;
    cursor: pointer;
    text-decoration: none;
}

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

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

.tiles-title {
    font: 600 52px / 65px "Source Sans Pro";
    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: #EBF8FD;
    border-radius: 8px;
    text-decoration: none;
    padding: 13px 12px;
    box-sizing: border-box;
    transition: .3s;
    border: 1px solid transparent;
    overflow: hidden;
}

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

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

.tile-item-title {
    font: 600 20px / 25px "Source Sans Pro";
    color: #00549F;
}

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

.accordion-link {
    position: relative;
    background-color: transparent;
    font: 400 18px / 24px "Source Sans Pro";
    color: #00A1DE;
    cursor: pointer;
    text-decoration: underline;
}

.accordion-link:hover {
    color: #00549F;
}

.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: 600 36px / 45px "Source Sans Pro";
        margin-bottom: 24px;
    }

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

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

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

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

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

@media (max-width: 1200px) {
    .product-tiles-wrapper .tiles-main-wrapper .tile-item {
        width: 380px;
    }
}

@media (max-width: 1024px) {
    .product-tiles-wrapper .tiles-main-wrapper {
        justify-content: center;
    }
}

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

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

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

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

/* REASONS BANNER COMPONENT */
.reasons-banner-wrapper {
    position: relative;
    width: 515px;
    padding: 58px 24px;
    border-radius: 20px;
    text-align: left;
    background: url("/s/sfsites/c/resource/flexeraCommunityResources/img/reasons-cmp-bg.png") no-repeat;
    background-size: 100%;
}

.reasons-banner-title {
    font: 600 40px / 48px "Source Sans Pro";
    color: #fff;
    margin-bottom: 15px;
}

.main .content-sections .reasons-banner-wrapper .reasons-list-wrapper {
    padding-left: 0;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reasons-list-item {
    font: 600 24px / 24px "Source Sans Pro";
    color: #fff;
}

.reasons-banner-wrapper .reasons-join-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 168px;
    font: 600 18px / 22px "Source Sans Pro";
    color: #fff;
    background-color: #00A1DE;
    cursor: pointer;
    text-decoration: none;
    border-radius: 8px;
    height: 48px;
    transition: .3s;
}

.reasons-banner-wrapper .reasons-join-btn:hover,
.reasons-banner-wrapper .reasons-join-btn:focus {
    text-decoration: none;
    background-color: #00549F;
    color: #fff;
}

@media (max-width: 545px) {
    .reasons-banner-wrapper {
        width: 100%;
        padding: 40px 24px;
        background-size: cover;
    }

    .reasons-banner-title {
        font: 600 36px / 40px "Source Sans Pro";
    }
}

/* PRODUTS HUB COMPONENT */
.products-hub-wrapper {
    min-width: 737px;
    padding: 32px;
    border-radius: 24px;
    border: 1px solid #CDD2D3;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    box-sizing: border-box;
}

.products-hub-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.products-hub-col__title {
    font: 600 26px / 36px "Source Sans Pro";
    color: #00549F;
}

.products-hub-col .products-hub-item {
    width: 210px;
    height: auto;
    min-height: 64px;
    border-radius: 8px;
    padding: 0 12px;
    background-color: #EBF8FD;
    font: 400 18px / 24px "Source Sans Pro";
    color: #333;
    text-decoration: none;
    border: 1px solid transparent;
    transition: .3s;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.products-hub-col .products-hub-item:hover,
.products-hub-col .products-hub-item:focus {
     border: 1px solid #00A1DE;
     box-shadow: 0px 2px 12px 0px #00549F33;
     text-decoration: none;
     color: #333;
}

@media (max-width: 767px) {
    .products-hub-wrapper {
        min-width: 100%;
        padding: 32px 24px;
    }
}

@media (max-width: 480px) {
    .products-hub-col,
    .products-hub-col .products-hub-item {
        width: 100%;
    }
}

/* PRODUCT PAGE - FEATURED CONTENT */
.product-page-featured-wrapper {
    background-color: #F0F7F9;
}

.product-page-featured-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px;
    display: flex;
    flex-direction: column;
}

.product-page-featured-wrapper .featured-tiles-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    box-sizing: border-box;
}

.product-page-featured-wrapper .products-hub-col .products-hub-item {
    width: 410px;
    background-color: #fff;
}

.product-page-featured-wrapper .products-hub-col .products-hub-item:hover,
.product-page-featured-wrapper .products-hub-col .products-hub-item:focus {
     border: 1px solid #00A1DE;
     background-color: #EBF8FD;
     box-shadow: 0px 2px 12px 0px #00549F33;
     text-decoration: none;
     color: #333;
}

@media (max-width: 1200px) {
    .product-page-featured-wrapper .products-hub-col .products-hub-item {
        width: 380px;
        background-color: #fff;
    }
}

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

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

@media (max-width: 480px) {
    .product-page-featured-wrapper .products-hub-col .products-hub-item {
        width: 100%;
    }
}

/* flexHomePageHeroBanner - Search styles - Temporary */
.search-wrapper .slds-input {
    width: 100%;
    border: 2px solid #00A1DE;
    border-radius: 60px;
    font: 400 20px / 42px "Source Sans Pro";
    color: #fff;
    padding: 24px 32px;
    background-color: rgba(0, 84, 159, 0.9);
    height: 72px;
}

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

@media (max-width: 767px) {
    .search-wrapper .slds-input {
        font: 400 18px / 42px "Source Sans Pro";
        padding: 24px 12px;
    }
}
/* flexHomePageHeroBanner - end of Search styles*/

/*** MULTI_LEVEL NAVIGATION ***/
c-tree c-tree-item .horizontalMenuItem a.menuLink {
    font: 400 18px / 24px "Source Sans Pro";
    color: #00549F !important;
}

ccnavmenus-nav-menu c-tree c-tree-item div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[data-is-leaf="true"][ccnavmenus-treeItem_treeItem],
ccnavmenus-nav-menu c-tree [data-level="1"][ccnavmenus-treeItem_treeItem] > div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[data-is-leaf="true"][ccnavmenus-treeItem_treeItem],
ccnavmenus-nav-menu c-tree c-tree-item div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[ccnavmenus-treeItem_treeItem] {
    padding-left: 16px;
}

ccnavmenus-nav-menu c-tree c-tree-item[aria-level="1"][data-is-vertical="false"][ccnavmenus-treeItem_treeItem] > div[ccnavmenus-treeItem_treeItem] {
    padding-left: 0;
    padding-right: 0;
}

ccnavmenus-nav-menu c-tree c-tree-item .slds-tree__item {
    font-size: 16px;
    padding: 0 16px !important;
}

ccnavmenus-nav-menu c-tree c-tree-item .slds-tree__item > button {
    color: #00A1DE !important;
}

.horizontal-groupDiv-1:before,
.horizontal-groupDiv-1:after {
    display: none;
}

c-tree c-tree-item .horizontalMenuItem .slds-tree__item a.menuLink:focus,
c-tree c-tree-item .horizontalMenuItem .slds-tree__item .slds-button:focus,
c-tree c-tree-item .horizontalMenuItem .slds-tree__item .slds-button:active,
c-tree c-tree-item .horizontalMenuItem .slds-tree__item .slds-button svg:focus,
c-tree c-tree-item .horizontalMenuItem .slds-tree__item .slds-button svg:active {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.horizontal-groupDiv-1 .slds-tree__item {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.horizontal-groupDiv-1 .slds-tree__item:hover[ccnavmenus-treeItem_treeItem] {
    background-color: #FAFAFA;
}

.horizontal-groupDiv-1 .slds-tree__item span {
    order: 1;
}

.horizontal-groupDiv-1 .slds-tree__item button {
    order: 2;
}

/* Horizontal menu items 1st level*/
c-tree c-tree-item div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[role="menuitem"][ccnavmenus-treeItem_treeItem], 
c-tree c-tree-item div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[role="link"][ccnavmenus-treeItem_treeItem] {
    padding-top: 0;
    padding-bottom: 0;
}

c-tree c-tree-item .horizontalMenuItem[ccnavmenus-treeItem_treeItem] div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[role="menuitem"][ccnavmenus-treeItem_treeItem], 
c-tree c-tree-item .horizontalMenuItem[ccnavmenus-treeItem_treeItem] div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] > div[role="link"][ccnavmenus-treeItem_treeItem] {
    padding: 0 16px;
}

c-tree c-tree-item .slds-tree__item:hover[ccnavmenus-treeItem_treeItem]:hover,
c-tree c-tree-item .slds-tree__item:hover[ccnavmenus-treeItem_treeItem]:focus {
    border-radius: 8px !important;
    background-color: #00A1DE !important;
    box-shadow: none !important;
}

body c-tree c-tree-item .horizontal-groupDiv-1 .slds-tree__item:hover[ccnavmenus-treeItem_treeItem]:hover,
body c-tree c-tree-item .horizontal-groupDiv-2 .slds-tree__item:hover[ccnavmenus-treeItem_treeItem]:hover {
    border-radius: 0 !important;
}

c-tree c-tree-item .horizontal-groupDiv-1 .slds-truncate,
c-tree c-tree-item .horizontal-groupDiv-2 .slds-truncate {
    white-space: normal !important;
}

c-tree c-tree-item .slds-tree__item:hover[ccnavmenus-treeItem_treeItem]:hover a.menuLink,
c-tree c-tree-item .slds-tree__item:hover[ccnavmenus-treeItem_treeItem]:hover > button {
    color: #fff !important;
}
/* Horizontal menu items 2nd level*/
body c-tree c-tree-item .horizontal-groupDiv-1 .slds-tree__item .iconSpacer,
body c-tree c-tree-item .horizontal-groupDiv-2 .slds-tree__item .iconSpacer{
    display: none;
}

.horizontal-groupDiv-1 {
    border: none !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    overflow: auto !important;
    box-shadow: 0px 4px 24px 0px #00549F !important;
    max-height: calc(100vh - 125px);
    overflow-y: auto;
}

.horizontal-groupDiv-1,
.horizontal-groupDiv-2 {
    margin-top: 0 !important;
    padding: 0 !important;
}

c-tree c-tree-item .horizontalMenuItem:last-child[ccnavmenus-treeItem_treeItem] .horizontal-groupDiv-1[ccnavmenus-treeItem_treeItem] {
    transform: translateX(0);
}
/* Horizontal menu items 3nd level*/
.horizontal-groupDiv-2 li.groupMenuItem[ccnavmenus-treeItem_treeItem] > c-tree-item[ccnavmenus-treeItem_treeItem] > div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem],
ccnavmenus-nav-menu c-tree c-tree-item li.groupMenuItem[ccnavmenus-treeItem_treeItem] > c-tree-item[ccnavmenus-treeItem_treeItem] > div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] {
    padding-left: 0;
}

.horizontal-groupDiv-2 {
    position: relative;
    border-top: 1px solid #00549F;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    background: #EBF8FD !important;
}

.horizontal-groupDiv-2 .slds-tree__item:last-child {
    background-color: #EBF8FD !important;
}

.horizontal-groupDiv-2 .slds-tree__item:hover {
    background-color: #00A1DE !important;
}

.horizontal-groupDiv-2 .slds-tree__item:hover a.menuLink {
    color: #00549F;
}
/*** Multi-level Navigation Mobile***/
.header-wrapper .header-nav .hamburgerMenuContainer {
    padding: 0;
    background-color: #fff;
    width: 320px;
    max-height: calc(100vh - 125px);
    overflow-y: auto;
    top: 55px;
    left: -15px;
}

.header-wrapper .header-nav .hamburgerMenuContainer.hamburgerMenuContainerDefault {
    padding: 0;
}

.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item {
    background-color: #00A1DE;
    padding: 12px 16px;
}

.header-wrapper .header-nav .hamburgerIconContainer .ccnavmenu-hamburger-button {
    width: 40px;
    height: 40px;
}

.header-wrapper .header-nav .hamburgerMenuContainer .groupMenuItem:not(:last-child) {
   border-bottom: 1px solid #F1F1F1; 
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-1 {
    background: #EBF8FD !important;
    padding-left: 0;
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-1 .slds-tree__item {
    border-bottom: 1px solid #fff;
    background: #EBF8FD !important;
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-1 .slds-tree__item > button {
    color: #00A1DE !important;
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-1 .slds-tree__item a.menuLink {
    color: #00549F !important;
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-2 {
    background: #F1F1F1 !important;
    padding-left: 0;
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-2 .slds-tree__item {
    border-bottom: 1px solid #fff;
    background: #F1F1F1 !important;
    padding-left: 32px;
}

.header-wrapper .header-nav .hamburgerMenuContainer c-tree c-tree-item .slds-tree__item:hover, 
.header-wrapper .header-nav .hamburgerMenuContainer c-tree c-tree-item .slds-tree__item:focus {
    border-radius: 0 !important;
}

.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item a.menuLink {
    color: #fff !important;
    outline: none;
}

.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item .slds-button:focus,
.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item .slds-button:active {
    outline: none;
    box-shadow: none;
}

.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item > button {
    color: #fff !important;
}

.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item span {
    order: 1;
}

.header-wrapper .header-nav .hamburgerMenuContainer .slds-tree__item button {
    order: 2;
}

.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-1 .slds-truncate,
.header-wrapper .header-nav .hamburgerMenuContainer .vertical-groupDiv-2 .slds-truncate {
    white-space: normal !important;
}

.header-nav .hamburgerIconContainer .vertical-menu .slds-p-around_small {
    padding: 0;
}

.header-nav .hamburgerIconContainer .vertical-menu .slds-tree__item {
    border-radius: 0 !important;
}

.header-nav .hamburgerIconContainer .vertical-menu li.groupMenuItem[ccnavmenus-treeItem_treeItem] > c-tree-item[ccnavmenus-treeItem_treeItem] > div[role="ccnavMenu-treeItemCSS"][ccnavmenus-treeItem_treeItem] {
    padding-left: 0;
}

/* ANNOUNCEMENTS WRAPPER */
.announcements-wrapper {
    display: flex;
    justify-content: center;
    position: fixed;
    width: 100%;
    padding: 10px 15px;
    background-color: #EBF8FD;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.announcements-content {
    font: 400 16px / 24px "Source Sans Pro";
    color: #333;
    text-align: center;
}

.announcements-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.announcements-content .announcements-link {
    color: #00A1DE;
    text-decoration: underline;
}

.announcements-content .announcements-link:hover,
.announcements-content .announcements-link:focus {
    color: #00549F;
    text-decoration: underline;
} 

/* HOMEPAGE FEATURED CONTENT */
.featured-content-wrapper {
    background-color: #F0F7F9;
}

.featured-content-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px;
}

.featured-content-title {
    font: 600 52px / 65px "Source Sans Pro";
    color: #333;
    margin-bottom: 24px;
    text-transform: capitalize;
}

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

.featured-tile-item {
    display: flex;
    flex-direction: column;
    width: 410px;
    padding: 24px;
    border: 1px solid #CDD2D3;
    background-color: #fff;
    border-radius: 8px;
}

.featured-tile-date {
    font: 400 16px / 24px "Source Sans Pro";
    color: #8B91A1;
    margin-bottom: 24px;
}

.featured-tiles-wrapper .featured-tile-title {
    font: 600 22px / 28px "Source Sans Pro";
    color: #00549F;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 24px;
}

.featured-tiles-wrapper .featured-tile-title:hover,
.featured-tiles-wrapper .featured-tile-title:focus {
    text-decoration: underline;
}

.featured-tile-author {
    font: 400 16px / 24px "Source Sans Pro";
    color: #8B91A1;
}

@media (max-width: 1024px) {
    .featured-content-container {
        padding: 40px 15px;
    }

    .featured-tiles-wrapper {
        flex-direction: column;
        align-items: center;
    }

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

@media (max-width: 767px) {
    .featured-content-title {
        font: 600 36px / 45px "Source Sans Pro";
        margin-bottom: 24px;
    }
}

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

/* FOOTER */
.footer-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 15px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.footer-logo-phone-wrapper,
.action-buttons-social-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end;
}

.footer-top-section {
    background-color: #fff;
    border-top: 1px solid #CDD2D3;
}

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

.footer-wrapper .footer-phone-link {
    display: inline-block;
    color: #333;
    text-decoration: none;
    font: 400 24px / 24px "Source Sans Pro";
}

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

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

.footer-wrapper .footer-action-buttons .action-btn {
    font: 600 18px / 22px "Source Sans Pro";
    padding: 13px 0;
    width: 160px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
}

.footer-wrapper .footer-action-buttons .action-btn.light-blue-bg {
    background-color: #00A1DE;
}

.footer-wrapper .footer-action-buttons .action-btn.dark-blue-bg {
    background-color: #00549F;
}

.footer-wrapper .footer-action-buttons .action-btn.light-blue-bg:hover,
.footer-wrapper .footer-action-buttons .action-btn.light-blue-bg:focus,
.footer-wrapper .footer-action-buttons .action-btn.dark-blue-bg:hover,
.footer-wrapper .footer-action-buttons .action-btn.dark-blue-bg:focus {
    color: #fff;
    text-decoration: none;
}

.footer-wrapper .footer-action-buttons .action-btn.light-blue-bg:hover,
.footer-wrapper .footer-action-buttons .action-btn.light-blue-bg:focus {
    background-color: #00549F;
}

.footer-wrapper .footer-action-buttons .action-btn.dark-blue-bg:hover,
.footer-wrapper .footer-action-buttons .action-btn.dark-blue-bg:focus {
    background-color: #03487A;
}

.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-bottom-section {
    background-color: #00549F;
}

.footer-bottom-section .footer-container {
    display: flex;
    flex-direction: row;
    padding: 16px 15px;
}

.footer-copyright,
.footer-wrapper .policy-link {
    font: 400 16px / 24px "Source Sans Pro";
    color: #fff;
    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: #fff;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .action-buttons-social-wrapper {
        flex-direction: column;
        gap: 24px;
    }

    .footer-action-buttons {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-social {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .footer-action-buttons {
        gap: 10px;
    }
}

@media (max-width: 600px) {
    .footer-policy-wrapper {
        text-align: center;
        margin-left: 0;
    }

    .footer-bottom-section .footer-container {
        display: flex;
        flex-direction: column;
        padding: 16px 15px;
        gap: 10px;
    }
}

@media (max-width: 375px) {
    .footer-logo-phone-wrapper,
    .footer-policy-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .footer-logo-phone-wrapper {
        gap: 24px;
    }

    .footer-policy-wrapper {
        gap: 10px;
    }
}

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

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

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper {
    border-bottom: 1px solid #00A1DE
}

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper .comm-leaderboard__user-name {
    font: 400 14px / 16px "Source Sans Pro";
    color: #00549F;
}

.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper span,
.comm-leaderboard .comm-leaderboard__item .leaderboardRowWrapper .comm-leaderboard__points-word {
    font: 400 16px / 24px "Source Sans Pro";
}

.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 Flexera Leaderboard */

/* ask button + ask popup */
.body .forceCommunityAskCommunity.askCommunityBtn {
    font: 600 18px / 22px "Source Sans Pro";
    padding: 11px 0;
}

.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 "Source Sans Pro";
}

.comm-page-custom-forums-homepage .modal-body .cuf-content .cuf-questionTitleField.textarea,
.comm-page-custom-forums-homepage .modal-body .cuf-content .slds-select,
.comm-page-article .modal-body .cuf-content .cuf-questionTitleField.textarea,
.comm-page-article .modal-body .cuf-content .slds-select {
    font: 400 16px / 24px "Source Sans Pro";
}

.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 "Source Sans Pro";
}

.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 {
    border-radius: 8px;
    font: 600 16px / 22px "Source Sans Pro";
    min-width: 140px;
    height: 40px;
}
/* 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 "Source Sans Pro";
}

.forceChatterCompactFeed .compactFeedListItem .title {
    font: 400 18px / 24px "Source Sans Pro";
}

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

.forceChatterCompactFeed .feeds-sorter lightning-combobox .slds-form-element__label {
    font: 400 18px / 24px "Source Sans Pro";
    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 "Source Sans Pro";
    background-color: #EBF8FD;
    color: #00549F;
    border: none;
    border-radius: 8px;
}

.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: #00A1DE;
}

.forceChatterCompactFeed .feeds-filter .slds-button.slds-button_icon-more {
    height: 48px;
    background-color: #EBF8FD;
    color: #00549F;
    border: none;
    border-radius: 8px;
}

.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 #00A1DE;
    border-top: none;
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

.body .forceCommunityHeadline .headlineTitle {
    font: 600 52px / 65px "Source Sans Pro";
    text-transform: capitalize;
    padding: 15px 0 0 0;
}

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

.body .comm-topic-trending-articles .comm-topic-trending-articles__item a,
.body .comm-related-articles .comm-related-articles__item a,
.body .forceCommunityRelatedTopics .topicItemLink {
    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,
.body .forceCommunityRelatedTopics .topicItemLink: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,
.body .forceCommunityRelatedTopics .topicItemLink span {
    color: #00A1DE;
    font: 400 16px / 20px "Source Sans Pro";
}

/* PROFILE DROPDOWN MENU */
.header-login .selfServiceUserProfileMenu .uiMenuList.visible {
    box-shadow: 0px 4px 24px 0px #00549F;
    border-radius: 8px;
    margin: 0;
    padding: 0;
}

.header-login .selfServiceUserProfileMenu .uiMenuList.visible .uiMenuItem a {
    font: 400 18px / 24px "Source Sans Pro";
	color: #00549F;
    padding: 8px 16px;
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}

.header-login .selfServiceUserProfileMenu .uiMenuList.visible .uiMenuItem a:hover {
    color: #fff;
	background-color: #00A1DE;
}

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

.header-login .selfServiceProfileMenuTrigger a {
    color: #00549F;
}

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

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

/* 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;
}

.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,
.sidebar-article-info-wrapper .sidebar-article-info-item .slds-form-element__control lightning-formatted-text {
    color: #75787B;
}

.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 {
    color: #333;
}

.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 {
    font: 400 16px / 20px "Source Sans Pro" !important;
}

.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text * {
    font-family: "Source Sans Pro" !important;
}

.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text strong {
    font-family: "Source Sans Pro Bold" !important;
}

.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__label {
    font: 600 32px / 34px "Source Sans Pro";
    margin: 10px 0;
}

.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 / 20px "Source Sans Pro";
}

.knowledge-article-info-wrapper .knowledge-article-info-item .slds-form-element__control {
    padding-left: 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: "Source Sans Pro";
    padding-top: 10px;
}

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

/* 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 / 42px "Source Sans Pro";
    color: #333;
}

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

.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;
}

@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 "Source Sans Pro";
}

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

/* 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: 600 52px / 65px "Source Sans Pro";
}

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

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

.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 "Source Sans Pro";
}

.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 {
    font: 400 16px / 24px "Source Sans Pro";
}

.body .savecancelbuttoncontainer .cancelButton,
.body .savecancelbuttoncontainer .saveButton {
    font: 600 18px / 48px "Source Sans Pro";
    border-radius: 8px;
    height: 48px;
    padding: 0 25px;
}

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

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

.download-page-join-title {
    font: 600 32px / 40px "Source Sans Pro";
    color: #00a1de;
}

.download-page-title {
    font: 600 24px / 36px "Source Sans Pro";
}

.download-page-join-title,
.download-page-title {
    margin-bottom: 20px;
}

.download-page-text-content {
    font: 400 14px / 20px "Source Sans Pro";
    margin-bottom: 15px;
}

.download-page-columns-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
    margin-bottom: 50px;
}

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

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

.download-page-column .download-page-column-list {
    list-style-type: disc;
    padding-left: 10px;
    margin-bottom: 10px;
}

.download-page-column .download-page-column-list li {
    font: 400 16px / 24px "Source Sans Pro";
    margin-bottom: 5px;
    padding-left: 10px;
}

.download-page-columns-wrapper .go-btn {
    display: block;
    align-content: center;
    text-align: center;
    width: 140px;
    font: 600 16px / 24px "Source Sans Pro";
    background: #00A1DE;
    color: #fff;
    border-radius: 8px;
    padding: 8px 25px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: auto;
    transition: .3s;
}

.download-page-columns-wrapper .go-btn:hover {
    background: #00549F;
    color: #fff;
    text-decoration: none;
}

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

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

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

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

    .download-page-column {
        width: 100%;
    }
}

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

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

.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 "Source Sans Pro";
}

.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 {
    font: 600 16px / 24px "Source Sans Pro";
}

.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: 8px;
    font: 600 16px / 22px "Source Sans Pro";
    height: 40px;
    background-color: #00A1DE;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.cUserProfileDetailCon .profileDetailView .userDetailHeader .branding-actions .slds-button .forceActionLink:hover,
.body .forceCommunityUserRecognitions .view-all-label:hover,
.body .forceCommunityUserRelatedList .view-all-label: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: #00549F;
    color: #fff;
}

.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 {
    background-color: #00549F;
    color: #fff;
}

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

body .slds-modal .oneRecordActionWrapper.isModal h3.slds-section__title,
body .slds-modal .oneRecordActionWrapper.isModal .required-legend {
    font: 400 18px / 24px "Source Sans Pro";
    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: 8px;
    font: 600 16px / 22px "Source Sans Pro";
    min-width: 140px;
    height: 40px;
    cursor: pointer;
}

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

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

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

.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 "Source Sans Pro";
}

.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 "Source Sans Pro";
}

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

/* 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 "Source Sans Pro";
}

.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 "Source Sans Pro";
}

/* dropdown icon */
.body .badgesTabs .tabs__content .forceListViewManagerPrimaryDisplayManager table tbody .slds-button,
.body .forceCommunityRelatedList .forceListViewManager .forceListViewManagerPrimaryDisplayManager table tbody .slds-button {
    background: #EBF8FD;
    display: flex;
    align-items: baseline;
    height: 26px;
}

.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: #00A1DE;
}

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

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

body .slds-modal .modal-body .form-element__label,
body .slds-modal .modal-body .forceCommunityCommunityThanksBadge .badgeName,
body .slds-modal .modal-body .forceCommunityCommunityThanksBadge .badgeDescription {
    font: 400 14px / 24px "Source Sans Pro";
}

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

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: 8px;
    font: 600 16px / 22px "Source Sans Pro";
    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: 600 52px / 62px "Source Sans Pro";
}

.chatter-grops-page-subtitle {
    font: 400 20px / 28px "Source Sans Pro";
}

/* 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 "Source Sans Pro";
    color: #333;
}

.chatter-group-search lightning-input .slds-input {
    display: flex;
    align-items: center;
    font: 400 18px / 24px "Source Sans Pro";
    background-color: #EBF8FD;
    color: #00549F;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
}

.chatter-group-search lightning-input .slds-input::placeholder {
    color: #00549F;
}

.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: #00549F;
}

/* 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: #00549F;
}

.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: #EBF8FD;
    color: #00549F;
    border: none;
    border-radius: 8px;
}

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

.load-more-btn .slds-button {
    font: 400 18px / 24px "Source Sans Pro";
    color: #00A1DE;
    text-decoration: none;
}

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

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

.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 "Source Sans Pro";
}

.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 {
    border-radius: 8px;
    font: 600 16px / 40px "Source Sans Pro";
    min-width: 140px;
    height: 40px;
    cursor: pointer;
}

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

.body .forceCommunityGroupHighlightStencilNapili .slds-combobox .slds-input__icon .slds-icon {
    fill: #00A1DE;
}

.groupHomeTabSet .uiTabBar .uiTabItem {
    font: 600 18px / 24px "Source Sans Pro";
}

.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 {
    font: 600 16px / 24px "Source Sans Pro";
}

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

.forceChatterAddMemberCard .forceOutputLookupWithPreview .outputLookupLink,
.body .forceChatterAddMemberCard .title,
.body .forceCommunityRelatedRecords .forceRelatedListSingleContainer .outputLookupLink {
    font: 400 14px / 20px "Source Sans Pro";
}

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

body .slds-modal .modal-footer .slds-button {
    border-radius: 8px;
    font: 600 16px / 22px "Source Sans Pro";
    min-width: 140px;
    height: 40px;
    cursor: pointer;
}

/* Unanswered questions title */
.unanswered-questions-section-title {
    font: 600 24px / 30px "Source Sans Pro";
    margin-bottom: 10px;
}

/* Fix knowledge article page elements styles */
.knowledge-article-info-wrapper .knowledge-article-info-item lightning-formatted-rich-text iframe {
    max-width: 600px;
    max-height: 340px;
    border: none;
}