/* CSS Variables for various colors */
:root {
    --cci-orange: rgb(242, 104, 16);
    --cci-dark-orange: rgb(196, 83, 11);
    --cci-slate: rgb(60, 70, 97);
    --cci-periwinkle: rgb(146, 150, 234);
    --cci-hover-grey: rgb(200, 200, 200);
    --cci-light-blue: rgb(0, 132, 169);
    --cci-dark-blue: rgb(0, 90, 124);
    --cci-filter-hover : #ECEFF3;
    --cci-filter-selected :rgb(200, 200, 200);
}
/* End of CSS Variables for various colors */

/* proximonova font resource import */
@font-face {
    font-family: 'proximonova';
    src: url("/s/sfsites/c/resource/CCI_Font/CCI_CommFont/proximanova_regular.woff") format('woff');
}
/* End of proximonova font resource import */

/* proximonova_bold font resource import */
@font-face {
    font-family: 'proximonovabold';
    src: url("/s/sfsites/c/resource/CCI_Font/CCI_CommFont/proximanova_bold.woff") format('woff');
}
/* End of proximonova_bold font resource import */

/* worksans_bold font resource import */
@font-face {
    font-family: 'worksansbold';
    src: url("/s/sfsites/c/resource/CCI_Font/CCI_CommFont/WorkSans_Bold.woff") format('woff');
}
/* End of worksans_bold font resource import */

/* Class to create button using anchor tag */
a.cciAnchorButton {
    text-decoration: none !important;
    background-color: var(--cci-orange);
    border: none;
    color: white;
    border-radius: 2rem;
    display: inline-block;
    font-size: 1.17647rem;
    font-weight: 700;
    line-height: 1.41176rem;
    padding: 7px 10px;
    min-width: 80px;
    text-align: center;
}
/* End of class to create button using anchor tag */

/* Template Header Bottom Border */
.themeBottomBorder {
    /* background-color: white !important; */
    display: none !important;
}
/* End Template Header Bottom Border */

/* Label for Featured Topics */
.topicItem .topicLink .topicContent .topicLabel {
    font-size: 20px !important;
    font-family: 'worksansbold', 'proximonova', 'sans-serif' !important;
}
/* End of Label for Featured Topics */

/* Text of Hero Banner on Resource Detail page */
/* Title of Resource Tile on Resource Catalog pages */
/* Summary of Resource on Resource Detail page */
.cciHeading {
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
}
/* End of Text of Hero Banner on Resource Detail page */
/* End of Title of Resource Tile on Resource Catalog pages */
/* End of Summary of Resource on Resource Detail page */

/* Text of Previous and Next Button on Resource Catalog pages */
.worksansText {
    font-family: 'Work Sans' !important;
}
/* End of Text of Previous and Next Button on Resource Catalog pages */

/* Text in the middle of Previous and Next Button Resource Catalog pages, eg "Page 1 of 3" */
.paginationText {
    font-size: 15px !important;
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
}
/* End of Text in the middle of Previous and Next Button Resource Catalog pages, eg "Page 1 of 3" */

/* Text displayed when no Search Results are found on Resource Catalog pages */
.cciHeading2 {
    font-size: 2.25rem !important;
    font-weight: 300 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
}
/* End of Text displayed when no Search Results are found on Resource Catalog pages */

/* Label for "Chapters", Chapter Names displayed on Meta Article page */
.cciHeading3 {
    font-size: 2.11765rem !important;
    font-weight: 500 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
}
/* End of Label for "Chapters", Chapter Names displayed on Meta Article page */

/* "Featured In" text shown on a Normal Resource page */
/* "Fitler Resources" on left sidebar of Resource Catalog pages */
/* Header of Feeds section on right sidebar of Home page currently text "New and Noteworthy" */
.cciHeading4 {
    font-size: 1.05882rem !important;
    font-weight: 700 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    line-height: 1.47059rem !important;
}
/* End of "Featured In" text shown on a Normal Resource page */
/* End of "Fitler Resources" on left sidebar of Resource Catalog pages */
/* End of Header of Feeds section on right sidebar of Home page currently text "New and Noteworthy" */

/* span and p tags in Content field of articles displayce on Resource Detail pages */
/* Explore text on Resource Detail Page */
.kbcontentcls span,
.kbcontentcls p {
    font-family: 'proximonova', 'Work Sans', 'sans-serif';
    font-size: 16px;
    hyphens: none
}
/* End of span and p tags in Content field of articles displayce on Resource Detail pages */
/* End of Explore text on Resource Detail Page */

/* Body of Feeds on right sidebar of Home Page */
.guestUserContent {
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
    font-size: 15px;
}
/* End of Body of Feeds on right sidebar of Home Page */

/* Title on Hero Banner of Home page */
.forceCommunityThemeHeroBase .contentTitle {
    font-size: 2.65rem !important;
}
/* End of Title on Hero Banner of Home page */

/* Links in Content field of articles displayce on Resource Detail pages */
.kbcontentcls a {
    text-decoration: underline;
}
/* End of Links in Content field of articles displayce on Resource Detail pages */

/* h1 tags in Content field of articles displayce on Resource Detail pages */
.kbcontentcls h1 {
    font-size: 2.11765rem !important;
    font-weight: 500 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
}
/* End of h1 tags in Content field of articles displayce on Resource Detail pages */

/* h2, h3, h4, h5, h6, h tags in Content field of articles displayce on Resource Detail pages */
/* Title of Meta Articles shown under Featured In block on Resource Detail page */
.kbcontentcls h2,
.kbcontentcls h3,
.kbcontentcls h4,
.kbcontentcls h5,
.kbcontentcls h6,
.kbcontentcls h {
    font-family: 'Work Sans', 'proximonova', 'sans-serif';
    font-size: 16px;
    hyphens: none
}
/* End of h2, h3, h4, h5, h6, h tags in Content field of articles displayce on Resource Detail pages */
/* End of Title of Meta Articles shown under Featured In block on Resource Detail page */

/* Label of Subscribe and Donate button */
/* Filter resources container, more specific styling for child elements might override these styles */
/* Container for Record Type buttons on Resource Catalog pages */
/* Text for Article Views, Record Type, Subtype, Published Date on Article Tile on Resource Catalog pages */
/* Ask for Vote message and After Vote message on Resource Detail page */
/* Feed text on Feeds section in right sidebar of Home page */
.cciText,
.cciText span,
.cciText p {
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
}
/* End of Label of Subscribe and Donate button */
/* End of Filter resources container, more specific styling for child elements might override these styles */
/* End of Container for Record Type buttons on Resource Catalog pages */
/* End of Text for Article Views, Record Type, Subtype, Published Date on Article Tile on Resource Catalog pages */
/* End of Ask for Vote message and After Vote message on Resource Detail page */
/* End of Feed text on Feeds section in right sidebar of Home page */

/* Salesforce ontainer for Site Footer, more specific styling to child elements will override these */
.summary .selfServiceArticleHeaderDetail,
.summary .footer {
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
}
/* End of Salesforce Container for Site Footer, more specific styling to child elements will override these */

/* Placeholder in Search Input of Home page */
.forceCommunityThemeSearchHero .search-box .search-input {
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
}
/* End of Placeholder in Search Input of Home page */

/* Container for Search Suggestions show below Search input of Home page */
.forceCommunityThemeSearchHero .search-deflectionContainer {
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
}
/* End of Container for Search Suggestions show below Search input of Home page */

/* Container for Site Footer */
.proxinovaBoldcls {
    font-family: 'proximonovabold';
}
/* Container for Site Footer */

/* Container for Hero Banner on Resource Detail page, MODIFY WITH CAUTION */
.cciHeroContainer {
    position: relative;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
}
/* End of Container for Hero Banner on Resource Detail page, MODIFY WITH CAUTION */

/* Container for Hero Banner Content (except image) on Resource Detail page, MODIFY WITH CAUTION */
.cciHeroOverlay {
    position: absolute;
    background: var(--cci-light-blue);
    /*rgba(0, 162, 207, 0.93)*/
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.93;
}
/* End of Container for Hero Banner Content (except image) on Resource Detail page, MODIFY WITH CAUTION */

/* Title of Resource displayed on Hero Banner on Resource Detail pages */
.heroTitle {
    font-size: 2.5rem;
    text-align: center;
}
/* End of Title of Resource displayed on Hero Banner on Resource Detail pages */

/* Record Type and Subtype area of Resource Tiles shown on Resource Catalog pages MODIFY WITH CAUTION */
.ccicmpknowledgeboxshadow .cciKnowledgetileTopicWrapper {
    position: relative;
    width: 100%;
}
/* End of Record Type and Subtype area of Resource Tiles shown on Resource Catalog pages MODIFY WITH CAUTION */

/* Record Type and Subtype area of Resource Tiles shown on Resource Catalog pages MODIFY WITH CAUTION */
.ccicmpknowledgeboxshadow .cciKnowledgetileTopicWrapper .cciKnowledgetileTopic {
    position: absolute;
    bottom: 0;
    width: auto;
}
/* End of Record Type and Subtype area of Resource Tiles shown on Resource Catalog pages MODIFY WITH CAUTION */

/* Labels of Share Links which appear when hovering over Share Icon on Resource Detail pages */
.cciShareOptionLabel {
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
    color: var(--cci-slate);
    vertical-align: middle;
}
/* End of Labels of Share Links which appear when hovering over Share Icon on Resource Detail pages */

/* Hover on Share Links which appear when hovering over Share Icon on Resource Detail pages */
.cciShareOptionAnchor:hover {
    text-decoration: none;
}
/* End of Hover on Share Links which appear when hovering over Share Icon on Resource Detail pages */

/* Hover on Share Links which appear when hovering over Share Icon on Resource Detail pages */
.cciShareOptionContainer:hover {
    background-color: var(--cci-hover-grey);
}
/* End of Hover on Share Links which appear when hovering over Share Icon on Resource Detail pages */

/* Container for Share Links which appear when hovering over Share Icon on Resource Detail pages MODIFY WITH CAUTION*/
.cciShareIconContainer {
    position: relative;
    display: inline-block;
}
/* End of Container for Share Links which appear when hovering over Share Icon on Resource Detail pages MODIFY WITH CAUTION*/

/* Container for a single Share Link which appear when hovering over Share Icon on Resource Detail pages MODIFY WITH CAUTION*/
.cciShareOptionsContainer {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px var(--cci-hover-grey);
    z-index: 1;
    min-width: 160px;
    right: 0;
    border-radius: 10px;
}
/* End of Container for a single Share Link which appear when hovering over Share Icon on Resource Detail pages MODIFY WITH CAUTION*/

/* Hover on Share Icon on Resource Detail page, this brings on share options on view MODIFY WITH CAUTION */
.cciShareIconContainer:hover .cciShareOptionsContainer {
    display: block;
}
/* End of Hover on Share Icon on Resource Detail page, this brings on share options on view MODIFY WITH CAUTION */

/* Container for Resource Type and its dropdown Resource Catalog pages */
.multi-select-combobox__dropdown {
    max-height: 500px;
    overflow-y: auto;
}
/* End of Container for Resource Type and its dropdown Resource Catalog pages */

/* Input to select Resource Type on Resource Catalog pages */
.multi-select-combobox__input {
    background-color: white;
    border: 1px solid rgb(221, 219, 218);
    border-radius: 0.25rem;
    width: 100%;
    transition: border 0.1s linear, background-color 0.1s linear;
    display: inline-block;
    padding: 0 1rem 0 0.75rem;
    line-height: 1.875rem;
    min-height: calc(1.875rem + (1px * 2));
}
/* End of Input to select Resource Type on Resource Catalog pages */

/* Dispabled Input to select Resource Type on Resource Catalog pages */
.multi-select-combobox__input:disabled {
    background-color: rgb(236, 235, 234);
    border: 1px solid rgb(201, 199, 197);
}
/* End of /* Dispabled Input to select Resource Type on Resource Catalog pages */

/* Icon on right of Resource Type on Resource Catalog pages */
.multi-select-combobox__icon {
    margin-right: -3px;
}
/* End of Icon on right of Resource Type on Resource Catalog pages */

/* Container for List that opens up for selecting Resource Type on Resource Catalog pages */
.multi-select-combobox__listbox {
    width: 100%;
}
/* End of Container for List that opens up for selecting Resource Type on Resource Catalog pages */

/* Title of Resource in Article Tile on Resource Catalog pages */
a.articleTileTitle {
    font-size: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articleTileTitle {
    font-size: 1.25rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: 1.75rem;
    height: 5.2rem;
}
/* End of Title of Resource in Article Tile on Resource Catalog pages */

/* Record Type and Subtype in Article Tile on Resource Catalog pages */
.articleTileDataCategories {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25rem;
    max-height: 2.5rem;
}
/* End of Record Type and Subtype in Article Tile on Resource Catalog pages */

/* Summary in Resource Tile on Resource Catalog pages, MODIFY WITH CAUTION */
.articleTileSummary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.25rem;
    max-height: 5rem;
}
/* End of Summary in Resource Tile on Resource Catalog pages, MODIFY WITH CAUTION */

/* Thumbnail in Resource Tile on Resource Catalog pages */
.articleTileThumbnail:hover {
    opacity: 0.3;
}
/* End of Thumbnail in Resource Tile on Resource Catalog pages */

/* Donate button on Resource detail page */
lightning-button.cciactionnbtn button {
    --slds-c-button-brand-color-background: var(--cci-orange);
    --slds-c-button-brand-color-background-active: var(--cci-dark-orange);
    --slds-c-button-brand-color-background-hover: var(--cci-dark-orange);
    --slds-c-button-brand-color-border: var(--cci-orange);
    --slds-c-button-brand-color-border-hover: var(--cci-dark-orange);
    --slds-c-button-radius-border: 2rem;
    --slds-c-button-brand-text-color: white;
    --slds-c-button-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    font-size: 1.17647rem;
    font-weight: 700;
    --slds-c-button-line-height: 1.41176rem;
    margin-top: 10px;
    padding: 0.75rem 2.2rem;
}
/* End of Donate button on Resource detail page */

/* Unselected Resource Type buttons in Hero banner on Resource Catalog pages */
.cciRecordTypeStateful>.slds-not-selected {
    box-shadow: inset 4px 0 0 white !important;
    background-color: white !important;
    border: 2px solid white !important;
    color: var(--cci-slate) !important;
}

button.slds-button[name='Focus Area'] {
    color: rgb(66, 70, 87)
}

/* Focus highlighting for record type buttons */
.cciRecordTypeStateful>.slds-button:focus {
    outline: var(--cci-dark-blue) solid !important;
}
/* End of Unselected Resource Type buttons in Hero banner on Resource Catalog pages */

/* Selected Resource Type buttons in Hero banner on Resource Catalog pages */
.cciRecordTypeStateful>.slds-is-selected,
.cciRecordTypeStateful>.slds-is-selected-clicked {
    box-shadow: inset 4px 0 0 var(--cci-orange) !important;
    background-color: var(--cci-orange) !important;
    border: 2px solid var(--cci-orange) !important;
}
/* End of Selected Resource Type buttons in Hero banner on Resource Catalog pages */

/* Selected chapter on left sidebar of Meta Article page */
lightning-vertical-navigation-item.slds-is-active a {
    box-shadow: inset 4px 0 0 var(--cci-filter-selected) !important;
    background-color: var(--cci-filter-selected);
    border: 2px solid var(--cci-filter-selected) !important;
}
/* End of Selected chapter on left sidebar of Meta Article page */

/* Click of Selected chapter on left sidebar of Meta Article page */
lightning-vertical-navigation-item a:active {
    box-shadow: inset 2px 0 0 var(--cci-filter-selected) !important;
    border: 2px solid var(--cci-filter-selected) !important;
    background-color: var(--cci-filter-selected);

}
/* End of Click of Selected chapter on left sidebar of Meta Article page */

lightning-primitive-treegrid-cell-toggle {
    float : right;
}
/* Hover on chapters on left sidebar of Meta Article page */
lightning-vertical-navigation-item a:hover {
    box-shadow: inset 2px 0 0 var(--cci-filter-hover) !important;
    border: 2px solid var(--cci-filter-hover) !important;
    background-color: var(--cci-filter-hover);
}
lightning-vertical-navigation-item a:focus {
    box-shadow: none !important;
}
/* End of Hover on chapters on left sidebar of Meta Article page */
.cciTreeGridFilter lightning-primitive-cell-factory, .cciTreeGridFilter lightning-primitive-cell-factory div.slds-hyphenate{
    width: 100%;
}
/* Focus on chapters on left sidebar of Meta Article page */
lightning-vertical-navigation-item a:active {
    box-shadow: inset 2px 0 0 var(--cci-filter-selected) !important;
    border: 2px solid var(--cci-filter-selected) !important;
    background-color: var(--cci-filter-selected);
    color: var(--cci-slate) !important;
}
/* End of Focus on chapters on left sidebar of Meta Article page */

/* Chapters on left sidebar of Meta Article page */
lightning-vertical-navigation-item a {
    font-family: 'Work Sans', 'proximonova', 'sans-serif';
}
/* End of Chapters on left sidebar of Meta Article page */

/* Container for Site footer */
.CCIFooter {
    align-items: center;
    background-color: var(--cci-slate);
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    font-size: 15px;
}
/* End of Container for Site footer */

/* Links under Site footer */
.CCIFooter .CCIFooterLink {
    color: white;
    padding: 10px;
}
/* Links under Site footer */

/* Hover on Links under Site footer */
.CCIFooter .CCIFooterLink:hover {
    color: white !important;
}
/* End of Hover on Links under Site footer */

/* Various columns defined by Salesforce on all pages, MODIFY WITH CAUTION*/
slds-col--padded .slds-col_padded .contentRegion .comm-layout-column {
    padding: 0 !important;
}
/* End of Various columns defined by Salesforce on all pages, MODIFY WITH CAUTION */

/* Links in Navigation bar in Header of All pages*/
.forceCommunityThemeNav ul li a {
    font-family: 'worksansbold';
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 0 18px !important;
}
/* End of Links in Navigation bar in Header of All pages*/

/* Hover on Links in Navigation bar in Header of All pages*/
.forceCommunityThemeNav ul li a:hover {
    opacity: 0.5;
}
/* End of Hover on Links in Navigation bar in Header of All pages*/

/* Header for Feeds section on right sidebar of Home page currently "New and Noteworthy*/
.notificationCmpHeader {
    text-transform: uppercase;
    color: var(--cci-slate);
}
/* End of Header for Feeds section on right sidebar of Home page currently "New and Noteworthy*/

/* Container for Navigational Topics and sidebar on Home page */
.siteforceThemeLayoutStarter>.body.isPageWidthFixed-true {
    margin: 0 auto;
    max-width: 100%;
    min-height: 86vh;
    width: 100% !important;
}
/* End of Container for Navigational Topics and sidebar on Home page */

/* Text on Hero banner on Resource detail page */
.cciHeroBannerText {
    color: white;
    align-items: center;
    justify-content: center;
}
/* End of Text on Hero banner on Resource detail page */

/* Container for Subscription input and button on Resource Detail page, MODIFY WITH CAUTION */
form div.subscription_wrapper_div {
    display: flex;
    width: 400px;
    position: relative;
}
/* eND OF Container for Subscription input and button on Resource Detail page, MODIFY WITH CAUTION */

/* Label for Subscription button on Resource detail page, currently "Sign-up to receive Newsletter" */
.subscriptionlabel {
    font-family: 'proximonovabold', 'Work Sans', 'sans-serif' !important;
    font-size: 16px;
}
/* End of Label for Subscription button on Resource detail page, currently "Sign-up to receive Newsletter" */

/* Input for Subscription box on Resource detail page */
form div.subscription_wrapper_div .subcription_text {
    height: 48px;
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
    font-size: 16px;
    line-height: normal;
    padding: 0 25px !important;
    border-radius: 2rem;
    width: 100% !important;
    max-width: 100% !important;
}
/* End of Input for Subscription box on Resource detail page */

/* Submit button for Subscription on Resource detail page */
form div.subscription_wrapper_div .subscription_button_action .subscription_submit_btn {
    background-color: var(--cci-orange);
    border: none;
    color: white;
    border-radius: 2rem;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    font-size: 1.17647rem;
    font-weight: 700;
    line-height: 1.41176rem;
    width: 100px;
    height: 48px;
}
/* End of Submit button for Subscription on Resource detail page */

/* Hover on Submit button for Subscription on Resource detail page */
form div.subscription_wrapper_div .subscription_button_action .subscription_submit_btn:hover {
    background-color: var(--cci-dark-orange);
}
/* End of Hover on Submit button for Subscription on Resource detail page */

/* Container for subscription input on Resource detail page, MODIFY WITH CAUTION */
form div.subscription_wrapper_div .subscription_button_action {
    position: absolute;
    right: 0;
}
/* Container for subscription input on Resource detail page, MODIFY WITH CAUTION */

/* Icons in Filter Resources on left sidebar on Resource Catalog pages */
.cciTreeGridFilter .slds-button__icon_small {
    --lwc-squareIconSmallContent: 1.2rem !important;
}
/* End of Icons in Filter Resources on left sidebar on Resource Catalog pages */

/* Container for Search input on Resource catalog pages */
.cciSearchField-Common-Header-Wrapper {
    width: 541px;
    position: relative;
    margin: 0 auto;
}
/* End of Container for Search input on Resource catalog pages */

/* Focus on Search input on Resource catalog pages */
.cciSearchField-Common-Header-Wrapper .search-field:focus {
    outline: var(--cci-dark-blue) solid !important;
}
/* End of Focus on Search input on Resource catalog pages */

/* Search input on Resource catalog pages */
.cciSearchField-Common-Header-Wrapper .search-field {
    height: 46px;
    font-family: 'proximonova', 'Work Sans', 'sans-serif';
    font-size: 16px;
    line-height: normal;
    padding: 0 103px 0 25px;
    box-shadow: 0px 1px 6px 0px rgb(209, 209, 209);
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    border: 0px solid rgb(0, 121, 155) !important;
}
/* End of Search input on Resource catalog pages */

/* Focus on Search input on Resource catalog pages */
.cciSearchField-Common-Header-Wrapper input:focus {
    border: none;
    outline: none;
}
/* End of Focus on Search input on Resource catalog pages */

/* Container for Search button on Resource catalog pages, MODIFY WITH CAUTION */
.cciSearchField-Common-Header-Wrapper .SearchBtn-Wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
}
/* End of Container for Search button on Resource catalog pages, MODIFY WITH CAUTION */

/* Search button on Resource catalog pages */
.cciSearchField-Common-Header-Wrapper .SearchBtn-Wrapper .SearchBtn {
    background-color: var(--cci-orange);
    border: none;
    color: white;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.41176rem;
    width: 77px;
    height: 46px;
    font-family: 'proximonova', 'Work Sans', 'sans-serif';
    border-top-right-radius: 18px;
    border-bottom-right-radius: 17px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* End of Search button on Resource catalog pages */

/* Icon of Search button on Resource catalog pages */
.cciSearchField-Common-Header-Wrapper .SearchBtn-Wrapper svg {
    height: 18px;
    margin: 8px 0 0 -4px;
    display: block;
}
/* End of Icon of Search button on Resource catalog pages */

/* Icon of Search button on Resource catalog pages */
.cciWhiteSearchIconHeader {
    --lwc-colorTextIconDefault: white;
}
/* End of Icon of Search button on Resource catalog pages */

/* Hover and focust on options which come up on click of Sort By on Resource Catalog pages */
.slds-listbox_vertical .slds-listbox__option:focus,
.slds-listbox_vertical .slds-listbox__option:hover,
.slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-listbox--vertical .slds-listbox__option:focus,
.slds-listbox--vertical .slds-listbox__option:hover,
.slds-listbox--vertical .slds-listbox__option.slds-has-focus {
    background-color: var(--cci-filter-selected);
}
/* End of Hover and focust on options which come up on click of Sort By on Resource Catalog pages */

/* Pills shown for Resource Type below Resource Type box on selection on Resource catalog pages */
.cciLightningPillContainer .slds-listbox_selection-group .slds-pill {
    margin-top: 0.3rem !important;
    margin-right: 0.3rem !important;
    padding: 0 0.4rem 0 0.4rem;
}
/* Pills shown for Resource Type below Resource Type box on selection on Resource catalog pages */

/* Resource Type label above Resource Type selection box on Resource Catalog pages */
.slds-p-around_small .cciLightningPillLabel {
    font-size: 13px;
    font-weight: 600;
}
/* End of Resource Type label above Resource Type selection box on Resource Catalog pages */

/* Container for Resource tile on Resource catalog pages */
.slds-wrap .slds-slot .ccicmpknowledgeboxshadow {
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}
/* End of Container for Resource tile on Resource catalog pages */

/* Topic tile in Hero banner on Feature topic page */
.cciTopicTitle {
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    font-size: 1.8rem !important;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 2rem;
    max-height: 6rem;
    text-align: center;
    vertical-align: middle;
}
/* End of Topic tile in Hero banner on Feature topic page */

/* Hover on Options under Filter Resources on Resource catalog pages */
.cciTreeGridFilter .slds-table:not(.slds-no-row-hover) tbody tr:hover>td,
.cciTreeGridFilter .slds-table:not(.slds-no-row-hover) tbody tr:hover>th,
.cciTreeGridFilter .slds-table:not(.slds-no-row-hover) tbody tr:focus>td,
.cciTreeGridFilter .slds-table:not(.slds-no-row-hover) tbody tr:focus>th {
    background-color: var(--cci-filter-hover) !important;
    border-color: var(--cci-filter-hover) !important;
}
/* End of Hover on Options under Filter Resources on Resource catalog pages */

/* Container of Selected Option under Filter Resources on Resource catalog pages */
.cciTreeGridFilter .slds-tree .slds-is-selected {
    background-color: var(--cci-hover-grey) !important;
    border-color: var(--cci-hover-grey) !important;
    box-shadow: none !important;
}
/* end of Container of Selected Option under Filter Resources on Resource catalog pages */

/* Selected Option under Filter Resources on Resource catalog pages */
.cciTreeGridFilter .slds-table tbody tr.slds-is-selected>td,
.cciTreeGridFilter .slds-table tbody tr.slds-is-selected>th,
.cciTreeGridFilter .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover>td,
.cciTreeGridFilter .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover>th {
    background-color: var(--cci-filter-selected) !important;
    border-color: var(--cci-filter-selected) !important;
}
/* End of Selected Option under Filter Resources on Resource catalog pages */

/* Focus on an option in Filter Resources on left sidebar on Resource Catalog pages, MODIFY WITH CAUTION*/
.cciText .cciTreeGridFilter .slds-has-focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* End of Focus on an option in Filter Resources on left sidebar on Resource Catalog pages */
.cciText c-multi-select-combobox .slds-dropdown {
    width: 100%;
}
.cciText .slds-is-open{
    box-shadow: var(--_slds-g-shadow-outline-focus, var(--lwc-shadowButtonFocus, 0 0 3px #0176d3));
    outline: 0;
    border-radius: var(--slds-c-input-radius-border, var(--sds-c-input-radius-border, var(--lwc-borderRadiusMedium, 0.25rem)));
}

.cciText .slds-is-open .slds-dropdown c-multi-select-combobox-item li:hover{
    box-shadow: var(--_slds-g-shadow-inset-focus, var(--lwc-shadowButtonFocus, 0 0 3px #0176d3));
    outline: 0;
}


/* Checkbox of Option in Filter Resources on left sidebar on Resource Catalog pages */
.cciText .cciTreeGridFilter .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after {
    border-bottom-color: var(--cci-periwinkle) !important;
    border-left-color: var(--cci-periwinkle) !important;
}
/* End of Checkbox of Option in Filter Resources on left sidebar on Resource Catalog pages */

/* Checkbox of Option in Filter Resources on left sidebar on Resource Catalog pages */
.cciText .cciTreeGridFilter .slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:indeterminate~.slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:indeterminate~.slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox--faux:after {
    background-color: var(--cci-periwinkle) !important;
}
/* End of Checkbox of Option in Filter Resources on left sidebar on Resource Catalog pages */

/* Container for Little box input on left side of Focus Areas in Filter Resources in Resource Catalog pages*/
.cciText .cciTreeGridFilter .slds-has-focus .slds-th__action {
    box-shadow: none !important;
}

.cciTreeGridFilter .slds-button:focus {
    box-shadow: none !important;
}

.cciTreeGridFilter .slds-button:active {
    border : none !important;
}

.cciTreeGridFilter [kx-scope=button][kx-type=underline]:focus:after {
    transform: scaleX(0);
}

.cciTreeGridFilter [kx-scope=button][kx-type=underline]:hover:after {
    transform: scaleX(0);
}
/* Container for End of Little box input on left side of Focus Areas in Filter Resources in Resource Catalog pages*/

/* Dropdown icon on right of Focust Areas text in Filter Resources in Resource Catalog page */
.slds-button:focus .slds-button__icon,
.slds-button:active .slds-button__icon,
.slds-button[disabled] .slds-button__icon,
.slds-button:disabled .slds-button__icon {
    fill: var(--cci-periwinkle) !important;
}

.cciText .cciTreeGridFilter .slds-button:hover .slds-button__icon,
.cciText .cciTreeGridFilter .slds-button:focus .slds-button__icon {
    fill: #f26810 !important;
}

.cciText .cciTreeGridFilter .slds-button:hover{
    text-decoration: underline;
    text-decoration-color: #f26810 !important;
    text-underline-offset: 8px;
}

.cciTreeGridFilter .slds-table_tree .slds-button:not(.slds-th__action-button) {
    width: 85%;
}
/* End of Dropdown icon on right of Focust Areas text in Filter Resources in Resource Catalog page */

/* Container for Chapters dropdown on Mobile on Meta Article page*/
.cciMobileChaptersDropdown {
    font-weight: 500 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
}
/* End of Container for Chapters dropdown on Mobile on Meta Article page */

/* Selected chapter in Chapters dropdown on Mobile on Meta Article page */
.cciMobileChaptersDropdown .slds-listbox__option[aria-checked="true"] {
    background-color: var(--cci-filter-selected) !important;
}
/* End of Selected chapter in Chapters dropdown on Mobile on Meta Article page */

/* "Sort By" text on left sidebar on Resource Catalog pages */
.cciSortByTitle label:first-child {
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'proximonova', 'Work Sans', 'sans-serif' !important;
}
/* End of "Sort By" text on left sidebar on Resource Catalog pages */

/* Filter icon on Mobile view of Resource Catalog pages */
.cciFloatingFilterIcon {
    position: fixed;
    width: 30px;
    height: 30px;
    bottom: 50px;
    right: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px var(--cci-hover-grey);
    z-index: 100 !important;
    --slds-c-icon-color-background: var(--cci-orange) !important;
    touch-action: none;
}
/* End of Filter icon on Mobile view of Resource Catalog pages */

/* Filter icon on Mobile view of Resource Catalog pages */
.cciFloatingScrollIcon {
    position: fixed;
    width: 30px;
    height: 30px;
    bottom: 50px;
    right: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px var(--cci-hover-grey);
    z-index: 100 !important;
    --slds-c-icon-color-background: var(--cci-orange) !important;
}

.cciFloatingScrollIcon .slds-icon-text-default {
    padding: 5px;
    fill: white;
}

.scrollActionButton {
    position: fixed;
    width: 140px;
    height: 40px;
    bottom: 50px;
    right: 50px;
    color : white;
    background-color: var(--cci-orange);
    border-radius: 25px;
    border : transparent;
    font-size: 16px;
    font-family: 'proximonova', 'Work Sans', 'sans-serif';
    font-weight: bold;
    z-index: 100 !important;
}

.scrollActionButton .slds-icon-text-default {
    padding: 5px;
    fill: white;
}
/* End of Filter icon on Mobile view of Resource Catalog pages */
/*lightning-vertical-navigation-item.cciVerticalNavigationItem a:active{
    box-shadow: none;
    border: none;
    background-color: #ffffff;
}*/
/* iFrame in Content field of Article displayed on Resource detail desktop page */
.kbcontentcls iframe {
    width: 50vw;
    height: 45vh;
}
/* End of iFrame in Content field of Article displayed on Resource detail desktop page */

/* Hover on dropdown menu whicn opens on click of down arrow on right of Focus areas, 
values "Wrap Text", "Clip Text" on Resource Catalog pages */
.slds-dropdown__item>a:active,
.slds-dropdown__item>a:hover,
.slds-dropdown__item>a:focus {
    background-color: var(--cci-filter-selected) !important;
    border-color: var(--cci-filter-selected) !important;
}
/* End of Hover on dropdown menu whicn opens on click of down arrow on right of Focus areas, 
values "Wrap Text", "Clip Text" on Resource Catalog pages */

/* Dropdown menu whicn opens on click of down arrow on right of Focus areas, 
values "Wrap Text", "Clip Text" on Resource Catalog pages */
.slds-dropdown__item>a {
    background-color: white !important;
    border-color: white !important;
}
/* End of Dropdown menu whicn opens on click of down arrow on right of Focus areas, 
values "Wrap Text", "Clip Text" on Resource Catalog pages */

/* Styles for Mobile screens with width less than 480px */
@media screen and (max-width: 480px) {
    /* Label for "Chapters", Chapter Names displayed on Meta Article Mobile page */
    .cciHeading3 {
        font-size: 1.76471rem !important;
        font-weight: 500;
        font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    }
    /* End of Label for "Chapters", Chapter Names displayed on Meta Article Mobile page */

    /* "Featured In" text shown on a Normal Resource Mobile page */
    /* "Fitler Resources" on left sidebar of Resource Catalog Mobile pages */
    /* Header of Feeds section on right sidebar of Mobile Home page currently text "New and Noteworthy" */
    .cciHeading4 {
        font-size: 1.05882rem !important;
        font-weight: 700 !important;
        font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
        line-height: 1.47059rem !important;
    }
    /* End of "Featured In" text shown on a Normal Resource Mobile page */
    /* End of "Fitler Resources" on left sidebar of Resource Catalog Mobile pages */
    /* End of Header of Feeds section on right sidebar of Mobile Home page currently text "New and Noteworthy" */

    /* Title of Resource displayed on Hero Banner on Resource Detail Mobile pages */
    .heroTitle {
        font-size: 1.5rem;
        text-align: center;
    }
    /* End of Title of Resource displayed on Hero Banner on Resource Detail Mobile pages */

    /* Container for Mobile Site footer */
    .CCIFooter {
        align-items: center;
        background-color: var(--cci-slate);
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
        font-size: 9px;
    }
    /* End of Container for Mobile Site footer */

    /* Links under Mobile Site footer */
    .CCIFooter .CCIFooterLink {
        color: white;
        padding: 5px;
    }
    /* End of Links under Mobile Site footer */

    .comm-drilldown-navigation__list li a {
        font-family: 'worksansbold';
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .04em;
        padding: 0 18px !important;
    }

    /* iFrame in Content field of Article displayed on Resource detail mobile page */
    .kbcontentcls iframe {
        width: 70vw;
        height: 35vh;
    }
    /* End of iFrame in Content field of Article displayed on Resource detail mobile page */

    /* span and p elements in Content field of Article displayed on Resource detail mobile page */
    .kbcontentcls span,
    .kbcontentcls p {
        font-family: 'proximonova', 'Work Sans', 'sans-serif';
        font-size: 13px;
        hyphens: none
    }
    /* End of span and p elements in Content field of Article displayed on Resource detail mobile page */

    /* h1 tag in Content field of Article displayed on Resource detail mobile page */
    .kbcontentcls h1 {
        font-size: 1.76471rem !important;
        font-weight: 500 !important;
        font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    }
    /* End of h1 tag in Content field of Article displayed on Resource detail mobile page */

    /* h2, h3, h4, h5, h6, h tags in Content field of articles displayce on Resource Detail mobile pages */
    /* Title of Meta Articles shown under Featured In block on Resource Detail mobile page */
    .kbcontentcls h2,
    .kbcontentcls h3,
    .kbcontentcls h4,
    .kbcontentcls h5,
    .kbcontentcls h6,
    .kbcontentcls h {
        font-family: 'Work Sans', 'proximonova', 'sans-serif';
        font-size: 13px;
        hyphens: none
    }
    /* End of h2, h3, h4, h5, h6, h tags in Content field of articles displayce on Resource Detail mobile pages */
    /* End of Title of Meta Articles shown under Featured In block on Resource Detail mobile page */

    /* Container for Subscription input and button on Resource Detail mobile page, MODIFY WITH CAUTION */
    form div.subscription_wrapper_div {
        display: flex;
        width: 300px;
        position: relative;
    }
    /* End of Container for Subscription input and button on Resource Detail mobile page, MODIFY WITH CAUTION */

    /* Submit button for Subscription on Resource detail mobile page */
    form div.subscription_wrapper_div .subscription_button_action .subscription_submit_btn {
        background-color: var(--cci-orange);
        border: none;
        color: white;
        border-radius: 2rem;
        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 10%);
        display: inline-block;
        font-size: 1.17647rem;
        font-weight: 700;
        line-height: 1.41176rem;
        width: 90px;
        height: 48px
    }
    /* End of Submit button for Subscription on Resource detail mobile page */

    /* Title on Hero Banner of Home mobile page */
    .forceCommunityThemeHeroBase .contentTitle {
        font-size: 1.8rem !important;
    }
    /* End of Title on Hero Banner of Home mobile page */

    /* Text in the middle of Previous and Next Button Resource Catalog mobile pages, eg "Page 1 of 3" */
    .paginationText {
        font-size: 13px !important;
        font-family: 'proximonova';
    }
    /* End of Text in the middle of Previous and Next Button Resource Catalog mobile pages, eg "Page 1 of 3" */

    /* Links in Navigation bar in Header of All mobile pages*/
    .forceCommunityThemeNav ul li a {
        font-family: 'worksansbold';
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: .04em;
        padding-top: 10px !important;
    }
    /* End of Links in Navigation bar in Header of All mobile pages*/

    /* Container for Search input on Resource catalog mobile pages */
    .cciSearchField-Common-Header-Wrapper {
        width: 100%;
    }
    /* End of Container for Search input on Resource catalog mobile pages */

    /* Container for subscribe button on Resource detail mobile page */
    .cciSubscriptionAlingment {
        margin: 0 auto !important;
    }
    /* End of Container for subscribe button on Resource detail mobile page */

    /* Text above subscribe button on Resource detail mobile page */
    .cciSubscriptionLabelAlingment {
        text-align: center;
        display: block;
    }
    /* End of Text above subscribe button on Resource detail mobile page */
}
/* End of Styles for Mobile screens with width less than 480px */

/* Styles for Tablet screens with maximum width 481px to 1023px */
@media (min-width: 481px) and (max-width: 1023px) {
    /* h1 tag in Content field of Article displayed on Resource detail tablet page */
    .kbcontentcls h1 {
        font-size: 1.76471rem !important;
        font-weight: 500 !important;
        font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    }
    /* End of h1 tag in Content field of Article displayed on Resource detail tablet page */

    /* Label for "Chapters", Chapter Names displayed on Meta Article tablet page */
    .cciHeading3 {
        font-size: 1.76471rem !important;
        font-weight: 500;
        font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    }
    /* End of Label for "Chapters", Chapter Names displayed on Meta Article tablet page */

    /* "Featured In" text shown on a Normal Resource tablet page */
    /* "Fitler Resources" on left sidebar of Resource Catalog tablet pages */
    /* Header of Feeds section on right sidebar of Home tablet page currently text "New and Noteworthy" */
    .cciHeading4 {
        font-size: 1.05882rem !important;
        font-weight: 700 !important;
        font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
        line-height: 1.47059rem !important;
    }
    /* End of "Featured In" text shown on a Normal Resource tablet page */
    /* End of "Fitler Resources" on left sidebar of Resource Catalog tablet pages */
    /* End of Header of Feeds section on right sidebar of Home tablet page currently text "New and Noteworthy" */

    /* iFrame in Content field of Article displayed on Resource detail tablet page */
    .kbcontentcls iframe {
        width: 70vw;
        height: 40vh;
    }
    /* End of iFrame in Content field of Article displayed on Resource detail tablet page */

    /* Links in Navigation bar in Header of All tablet pages*/
    .forceCommunityThemeNav ul li a {
        font-family: 'worksansbold';
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: .04em;
        padding: 0 15px !important;
    }
    /* End of Links in Navigation bar in Header of All tablet pages*/

    /* Container for Search input on Resource catalog tablet pages */
    .cciSearchField-Common-Header-Wrapper {
        width: 100%;
    }
    /* End of Container for Search input on Resource catalog tablet pages */

    /* Container for subscribe button on Resource detail tablet page */
    .cciSubscriptionAlingment {
        margin: 0 auto !important;
    }
    /* End of Container for subscribe button on Resource detail tablet page */

    /* Text above subscribe button on Resource detail tablet page */
    .cciSubscriptionLabelAlingment {
        text-align: center;
        display: block;
    }
    /* End of Text above subscribe button on Resource detail tablet page */

    /* Container for subscribe form including message, input and button on Resource detail tablet page */
    .cciSubscriptionWrapper {
        width: 100% !important;
    }
    /* End of Container for subscribe form including message, input and button on Resource detail tablet page */
}
/* End of Styles for Tablet screens with maximum width 481px to 1023px */

/* Archived styles */
.cciHeading1 {
    font-size: 42px !important;
    font-weight: 300 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
}

.cciHeading6 {
    font-size: 1.05882rem !important;
    font-weight: 500 !important;
    font-family: 'Work Sans', 'proximonova', 'sans-serif' !important;
    line-height: 1.47059rem !important;
}

.imagecontainer {
    display: flex;
    align-items: center;
    /* Align items vertically */
    justify-content: center;
    /* Align items horizontally */
}

.imagetext {
    margin-left: 10px;
}

.guestarticlediv .custombuttoncolor button {
    --slds-c-button-brand-color-background: rgb(0, 0, 0) !important;
}

.CCIFooter .CCIdot {
    color: white;
    padding: 5px;
}

.cCenterPanel .siteforceStarterBody {
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.comm-drilldown-navigation__bar>li>a {
    font-family: 'worksansbold';
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.comm-drilldown-navigation__list li a {
    font-family: 'worksansbold';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.cciHeroBannerText p {
    font-size: 14px;
}

/* Archived styles end