/*PAGE SETUP*/
*,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
}

h1 {
    font-weight: 700;
}

article.content a {
    color: #049eee;
}

.slds-section {
    margin-top: 0 !important;
}

.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
    max-width: 1000px !important;
}

.mainContentArea {
    background: #F7F8F9;
}

.article-column {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    max-width: 678px;
}

.body {
    min-height: 90vh !important;
    padding-top: 16px !important;
}

.forceCommunitySection .cb-section_background,
.forceCommunitySection .cb-section_backgroundOverlay {
  background: #F7F8F9;
}

.slds-p-horizontal_xx-large, .slds-p-horizontal--xx-large {
  background: #F7F8F9;
}

.mainContentArea {
	padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.siteforceContentArea {
    max-width: 1000px;
    width: 100%;
}

@media (min-width: 64em) {
    .slds-large-size_3-of-12, .slds-large-size--3-of-12 {
        width: 33% !important;
        max-width: 290px;
    }
}


/* HEADER COMPACT */

.forceCommunityThemeHeaderCompact .themeHeaderInner {
    width: 100% !important;
    margin: 0 auto;
    padding-top: 39px;
    padding-bottom: 39px;
    max-width: 1000px !important;
    padding-right: 16px;
}

.forceCommunityThemeHeaderCompact .themeBgImage {
    max-width: 1000px;
    left: 50% !important;
    transform: translateX(-50%);
    background-size: 204px !important;
    margin-left: 15px;
}

.forceCommunityThemeHeaderCompact {
    background: #FFFC00;
}

.forceCommunityThemeHeaderCompact .forceCommunityThemeSearch .search-input {
    background: red;
    padding-left: 14px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.forceCommunityThemeHeaderCompact .themeUtil.themeSearch {
    margin-left: 0 !important;
}

@media all and (min-width:768px) {
    .forceCommunityThemeHeaderCompact .themeUtil.themeSearch {
        width: 440px !important;
    }
}

.forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer {
 	display: block !important;
}

.forceCommunityThemeSearch ul.search-deflectionContainer>li {
    border-bottom: none !important;
}

.search-deflectionItemDetail {
    display: none;
}

.forceCommunityThemeSearch.helpCenterInnerHeader .search-input,
.forceCommunityThemeSearch.helpCenterInnerHeader .search-input:focus {
    color: #121314 !important;
}

.search-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: poiner;
}


/* ARTICLE */
.cols-2.forcePageBlockSectionRow {
    display: none !important;
}

.summary,
.test-id__field-label-container {
    display: none !important;
}


.slds-form-element_readonly {
    border-bottom: 0 !important;
}

.article-column {
    padding: 24px !important;
}

@media all and (min-width: 768px) {
    .article-column {
	    padding: 40px !important;
    }
}

article.content {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.selfServiceArticleLayout .forcePageBlockSectionRow.full {
    padding-top: 0 !important;
}

.slds-form-element_readonly .slds-form-element__control {
    padding-top: 0 !important;
}

.voting .slds-card {
    background: #fff !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-color: transparent !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.06) !important;
    padding: 0 20px 20px 20px!important;
}

.voting .slds-card .slds-card__body {
    align-items: center !important;
    display: flex !important;
}

.voting {
    padding: 0 14px;
}

.slds-rich-text-editor__textarea h1, .slds-rich-text-editor__output h1 {
    color: #16191C !important;
    font-size: 20px !important;
    line-height: 30px !important;
}

.slds-rich-text-editor__output h3 {
    color: #16191C !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.slds-rich-text-editor__output p {
    color: #16191C !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

.slds-rich-text-editor__output ul {
    color: #16191C !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

.slds-border_bottom, .slds-border--bottom {
    border-bottom: 0;
}

.slds-m-right_x-small, .slds-m-right--x-small {
    position: relative;
    top: -3px;
}

.forceCommunityArticleThumbVote .slds-card__body+.slds-card__body {
    float: initial !important;
    margin: 0 !important;
}

@media all and (min-width: 1023px) {
    .forceCommunityArticleThumbVote .slds-card__body+.slds-card__body {
        float: right !important;
        margin-bottom: 0 !important;
        margin-right: -14px !important;
        margin-top: -28px !important;
    }
}


/* RELATED ARTICLES */
.comm-related-articles.selfServiceSimilarArticles42 {
    background: #fff;
    padding: 24px;
    display: block;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    max-width: 678px;
}

.comm-related-articles.selfServiceSimilarArticles42 .slds-border_bottom, .slds-border--bottom {
    border-bottom: none;
}

.comm-related-articles.selfServiceSimilarArticles42 a {
    padding: 16px 0 0;
}

.comm-related-articles.selfServiceSimilarArticles42 .slds-text-body_small,
.comm-related-articles.selfServiceSimilarArticles42 .slds-text-body--small {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #656B73;
}

.comm-related-articles.selfServiceSimilarArticles42 .slds-text-heading_small {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #16191C;
}

.comm-related-articles.selfServiceSimilarArticles42 a:hover,
.comm-related-articles.selfServiceSimilarArticles42 a:focus,
.comm-related-articles.selfServiceSimilarArticles42 a:visited,
.comm-related-articles.selfServiceSimilarArticles42 a:active{
    color: #16191C !important;
    border: none !important;
    box-shadow: none !important;
}

@media all and (min-width: 768px) {
    .comm-related-articles.selfServiceSimilarArticles42 {
        padding: 24px 40px;
        border-radius: 6px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    }

    .comm-related-articles.selfServiceSimilarArticles42 .slds-text-heading_small {
        font-size: 16px;
        line-height: 24px;
    }

	.comm-related-articles.selfServiceSimilarArticles42 ul {
	    display: flex;
    	flex-wrap: wrap;
	}

	.comm-related-articles.selfServiceSimilarArticles42 li {
    	flex: 0 0 50%;
	}

    .comm-related-articles.selfServiceSimilarArticles42 a {
	    padding: 8px 0 0;
	}


    .comm-related-articles.selfServiceSimilarArticles42 .slds-text-body_small,
	.comm-related-articles.selfServiceSimilarArticles42 .slds-text-body--small {
        font-size: 12px;
        line-height: 16px;
        color: #53575B;
    }
}



/* FORM */
.siteforceSldsTwoCol66Layout [data-region-name='content'],
.siteforceSldsTwoCol66Layout [data-region-name='sidebar'],
.siteforceSldsTwoCol48Layout [data-region-name='content'],
.siteforceSldsTwoCol48Layout [data-region-name='sidebar']{
  background: #fff;
  border-color: transparent;
  border-radius: 6px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
  padding: 24px;
}

.slds-page-header__title[c-bhcContactUsForm_bhcContactUsForm],
.slds-page-header__title[c-bhcpartnerhiddenform_bhcpartnerhiddenform],
.slds-page-header__title[c-bhcgamblingadvertiserreviewform_bhcgamblingadvertiserreviewform],
.slds-page-header__title[c-bhcmedicationadvertiserform_bhcmedicationadvertiserform]{
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 16px;
}

.slds-theme_shade[c-bhcpartnerhiddenform_bhcpartnerhiddenform],
.slds-theme_shade[c-bhcgamblingadvertiserreviewform_bhcgamblingadvertiserreviewform],
.slds-theme_shade[c-bhcmedicationadvertiserform_bhcmedicationadvertiserform]{
    background-color: #f8f8f9;
}

.slds-form-element label.slds-form-element__label {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 4px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.slds-form-element__control .slds-input, .slds-form-element__control .slds-textarea {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 4px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.forceCommunityContactSupportForm div,
.forceCommunityContactSupportForm .slds-page-header__title,
.forceCommunityCaseDeflection .slds-page-header__title,
.forceCommunityCaseDeflection .subtitle {
  text-transform: initial !important;
}

.forceCommunityContactSupportForm .subtitle {
  display: none;
}

.slds-p-top_small, .slds-p-top--small {
  padding-top: 0;
}

.comm-topic-trending-articles__item a {
  border-bottom: 0;
}

.comm-topic-trending-articles__item a span:first-child{
    color: #121314;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 6px;
}

.comm-topic-trending-articles__item a span:last-child{
    color: #53575B;
    font-size: 12px;
    line-height: 18px;
}

ul.slds-list_horizontal {
    color: #53575B;
    font-size: 12px;
    line-height: 18px;
}

.slds-show {
    color: #121314;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 6px;
}

.caseDeflectionListItem {
    border: none;
}

.slds-form-element label.slds-form-element__label {
    color: #53575B;
    font-size: 12px;
    line-height: 16px;
}

.slds-button_neutral, .slds-button--neutral {
    align-items: center;
    background-color: #343A40;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 84px;
    border: none;
    box-shadow: 0 0 0 1px #3a3e41;
}

.slds-button_neutral:hover, .slds-button--neutral:hover,
.slds-button_neutral:focus, .slds-button--neutral:focus,
.slds-button_neutral:focus-visible, .slds-button--neutral:focus-visible {
    box-shadow: 0 0 0 2px #ffd301;
    background-color: #121314;
    color: white;
}

.slds-button_inverse, .slds-button--inverse {
    align-items: center;
    background-color: #343A40;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 200px;
    border: none;
    box-shadow: 0 0 0 1px #3a3e41;
}

.slds-button_inverse:hover, .slds-button_inverse:hover,
.slds-button_inverse:focus, .slds-button_inverse:focus,
.slds-button_inverse:focus-visible, .slds-button_inverse:focus-visible {
    box-shadow: 0 0 0 2px #ffd301;
    background-color: #121314;
    color: white;
}

.slds-button_inverse[disabled] {
    background-color: #ffffff;
    color: #6d6d6d;
}

.mobile-button-instant-meet {
    align-items: center;
    width: 85% !important;
}

.mobile-button-instant-meet .slds-button_neutral {
    align-items: center;
    background-color: #343A40;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    width: 100%;
    padding: 0;
    border: none;
    box-shadow: 0 0 0 1px #3a3e41;
}

.mobile-button-instant-meet .slds-button_neutral[disabled] {
    background-color: #ffffff;
    color: #6d6d6d;
}

.mobile-button-instant-meet .slds-button_neutral:hover,
.mobile-button-instant-meet .slds-button_neutral:focus,
.mobile-button-instant-meet .slds-button_neutral:focus-visible {
    box-shadow: 0 0 0 2px #ffd301;
    background-color: #121314;
    color: white;
}

.return-to-home-page .slds-button_neutral {
    background-color: rgb(249 247 247) !important;
    color: black !important;
    font-weight: 420 !important;
}

.return-to-home-page .slds-button_inverse {
    background-color: rgb(249 247 247) !important;
    color: black !important;
    font-weight: 420 !important;
}

.slds-form-element__help {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 12px;
}

.slds-form-element__control .slds-input,
.slds-form-element__control .slds-textarea {
    background: #F7F8F9 !important;
    border: none;
}

.post-meeting .slds-form-element__control .slds-input {
    background: #FFFFFF !important;
    border: solid lightgrey;

}

/* SEARCH */
.resultsWrapper {
    background: #fff;
    border-color: transparent;
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    padding: 24px;
}

.resultsWrapper .forceSearchResultsRegion,
.forceCommunitySearch .forceSearchResultsList {
    outline: none;
}

.resultsWrapper .gridTitle {
    color: #16191C;
    font-size: 20px;
    line-height: 30px;
}

.resultsWrapper .searchResultsSummary {
    color: #53575B;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.resultsWrapper .slds-has-dividers--bottom > .slds-item {
    border-bottom: none;
}

.resultsWrapper .forceSearchSearchResultsGridHeader {
    border: none;
}

.resultsWrapper a.itemTitle {
    color: #121314;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 6px;
}

.resultsWrapper .slds-list--horizontal {
    color: #53575B;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding-bottom: 6px;
}

.resultsWrapper .slds-p-horizontal--large {
    padding-left: 1rem;
}

.resultsWrapper .resultsBody {
    color: #53575B;
    font-size: 12px;
    line-height: 18px;
}

.forceCommunityContactSupportForm div, .forceCommunityContactSupportForm .slds-page-header__title, .forceCommunityCaseDeflection .slds-page-header__title, .forceCommunityCaseDeflection .subtitle {
    padding-top: 12px;
    padding-bottom: 12px;
}

.selfServiceTopicTrendingArticles42 .slds-grid--vertical a {
    color: #53575B !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
}

.contactSupportButton {
    background: #3A3E41 !important;
    border-radius: 114px !important;
    border: 2px solid #3A3E41 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    line-height: 16px !important;
    min-width: initial !important;
}

.header-message > .slds-page-header__title {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #16191C;
}

/* BREADCRUMBS */
.slds-text-heading_label, .slds-text-heading--label a {
    color: #676D75;
    font-family: 'Graphik';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: initial;
}

/* Remove this if it breaks if salesforce layout breaks */
/* .forceCommunitySection .cb-section_column:first-child {
    display: none;
} */

@media all and (min-width: 1023px) {
    .forceCommunitySection .cb-section_column:first-child {
        display: block;
    }

    /* add margin for both the article/breadcrumbs/topic detail */
    .forceCommunitySection .cb-section_column:last-child {
        margin-left: 32px;
        margin-right: 32px
    }
}


@media all and (max-width: 1023px) {
    .forceCommunitySection .cb-section_column {
        padding: 15px !important;
    }

    .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
        margin-bottom: 0px;
    }

    .slds-tree-container, .slds-tree_container {
        max-width: none;
    }
}

/* BACK NAVIGATION */
.bhcHome {
    border: none;
    cursor: initial;
    padding: 0;
}

.bhcHome .arrow {
    align-items: center;
    display: flex;
}

.bhcHome .arrow svg {
    margin-right: 12px;
}

.bhcHome .arrow button {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: 500;
}



/* FONTS */

/* Thin */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Thin.otf') format('opentype');
  font-style: normal;
  font-weight: 100;
}

/* Thin Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-ThinItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 100;
}

/* Extra Light */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Extralight.otf') format('opentype');
  font-style: normal;
  font-weight: 200;
}

/* Extra Light Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-ExtralightItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 200;
}

/* Light */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Light.otf') format('opentype');
  font-style: normal;
  font-weight: 300;
}

/* Light Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-LightItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 300;
}

/* Regular */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Regular.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
}

/* Regular Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-RegularItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 400;
}

/* Medium */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Medium.otf') format('opentype');
  font-style: normal;
  font-weight: 500;
}

/* Medium Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-MediumItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 500;
}

/* Semibold  */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Semibold.otf') format('opentype');
  font-style: normal;
  font-weight: 600;
}

/* Semibold Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-SemiboldItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 600;
}

/* Bold */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Bold.otf') format('OpenType');
  font-style: normal;
  font-weight: 700;
}

/* Bold Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-BoldItalic.otf') format('Opentype');
  font-style: italic;
  font-weight: 700;
}

/* Black */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Black.otf') format('Opentype');
  font-style: normal;
  font-weight: 800;
}

/* Black Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-BlackItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 800;
}

/* Super */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Super.otf') format('opentype');
  font-style: normal;
  font-weight: 900;
}

/* Super Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-SuperItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 900;
}

.compact-hero-search .custom-search-input {
    font-size: 14px !important;
    height: 30px !important;
}

.kbResultStencil .slds-tile__detail {
    display: none;
}

.language-selector-container .slds-input {
    background: white !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px;
}

/* remove max width for the breadcrumbs */
.forceCommunityBreadcrumbs .slds-breadcrumb__item {
    max-width: none !important;
}

/* fix for related articles text being too long */
.selfServiceSimilarArticles42 li > .comm-related-articles__item > a {
    word-break: break-word !important;
    padding-right: 10px;
}


.gambling-form-confirmation .cancelButton > button {
    background-color: #fff;
    box-shadow: 0 0 0 1px #d4d5d6;
    color: #3a3e41;
    margin-right: 10px;
}

.gambling-form-confirmation .cancelButton > button:hover,
.gambling-form-confirmation .cancelButton > button:focus,
.gambling-form-confirmation .cancelButton > button:focus-visible {
    box-shadow: 0 0 0 2px #ffd301;
}

.gambling-form-confirmation .slds-modal__footer {
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

/*PAGE SETUP*/
*,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
}

h1 {
    font-weight: 700;
}

article.content a {
    color: #049eee;
}

.slds-section {
    margin-top: 0 !important;
}

.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
    max-width: 1000px !important;
}

.mainContentArea {
    background: #F7F8F9;
}

.article-column {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    max-width: 678px;
}

.body {
    min-height: 90vh !important;
    padding-top: 16px !important;
}

.forceCommunitySection .cb-section_background,
.forceCommunitySection .cb-section_backgroundOverlay {
  background: #F7F8F9;
}

.slds-p-horizontal_xx-large, .slds-p-horizontal--xx-large {
  background: #F7F8F9;
}

.mainContentArea {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.siteforceContentArea {
    max-width: 1000px;
    width: 100%;
}

@media (min-width: 64em) {
    .slds-large-size_3-of-12, .slds-large-size--3-of-12 {
        width: 33% !important;
        max-width: 290px;
    }
}


/* HEADER COMPACT */

.forceCommunityThemeHeaderCompact .themeHeaderInner {
    width: 100% !important;
    margin: 0 auto;
    padding-top: 39px;
    padding-bottom: 39px;
    max-width: 1000px !important;
    padding-right: 16px;
}

.forceCommunityThemeHeaderCompact .themeBgImage {
    max-width: 1000px;
    left: 50% !important;
    transform: translateX(-50%);
    background-size: 204px !important;
    margin-left: 15px;
}

.forceCommunityThemeHeaderCompact {
    background: #FFFC00;
}

.forceCommunityThemeHeaderCompact .forceCommunityThemeSearch .search-input {
    background: red;
    padding-left: 14px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.forceCommunityThemeHeaderCompact .themeUtil.themeSearch {
    margin-left: 0 !important;
}

@media all and (min-width:768px) {
    .forceCommunityThemeHeaderCompact .themeUtil.themeSearch {
        width: 440px !important;
    }
}

.forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer {
    display: block !important;
}

.forceCommunityThemeSearch ul.search-deflectionContainer>li {
    border-bottom: none !important;
}

.search-deflectionItemDetail {
    display: none;
}

.forceCommunityThemeSearch.helpCenterInnerHeader .search-input,
.forceCommunityThemeSearch.helpCenterInnerHeader .search-input:focus {
    color: #121314 !important;
}

.search-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: poiner;
}


/* ARTICLE */
.cols-2.forcePageBlockSectionRow {
    display: none !important;
}

.summary,
.test-id__field-label-container {
    display: none !important;
}


.slds-form-element_readonly {
    border-bottom: 0 !important;
}

.article-column {
    padding: 24px !important;
}

@media all and (min-width: 768px) {
    .article-column {
        padding: 40px !important;
    }
}

article.content {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.selfServiceArticleLayout .forcePageBlockSectionRow.full {
    padding-top: 0 !important;
}

.slds-form-element_readonly .slds-form-element__control {
    padding-top: 0 !important;
}

.voting .slds-card {
    background: #fff !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-color: transparent !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.06) !important;
    padding: 0 20px 20px 20px!important;
}

.voting .slds-card .slds-card__body {
    align-items: center !important;
    display: flex !important;
}

.voting {
    padding: 0 14px;
}

.slds-rich-text-editor__textarea h1, .slds-rich-text-editor__output h1 {
    color: #16191C !important;
    font-size: 20px !important;
    line-height: 30px !important;
}

.slds-rich-text-editor__output h3 {
    color: #16191C !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.slds-rich-text-editor__output p {
    color: #16191C !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

.slds-rich-text-editor__output ul {
    color: #16191C !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

.slds-border_bottom, .slds-border--bottom {
    border-bottom: 0;
}

.slds-m-right_x-small, .slds-m-right--x-small {
    position: relative;
    top: -3px;
}

.forceCommunityArticleThumbVote .slds-card__body+.slds-card__body {
    float: initial !important;
    margin: 0 !important;
}

@media all and (min-width: 1023px) {
    .forceCommunityArticleThumbVote .slds-card__body+.slds-card__body {
        float: right !important;
        margin-bottom: 0 !important;
        margin-right: -14px !important;
        margin-top: -28px !important;
    }
}


/* RELATED ARTICLES */
.comm-related-articles.selfServiceSimilarArticles42 {
    background: #fff;
    padding: 24px;
    display: block;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    max-width: 678px;
}

.comm-related-articles.selfServiceSimilarArticles42 .slds-border_bottom, .slds-border--bottom {
    border-bottom: none;
}

.comm-related-articles.selfServiceSimilarArticles42 a {
    padding: 16px 0 0;
}

.comm-related-articles.selfServiceSimilarArticles42 .slds-text-body_small,
.comm-related-articles.selfServiceSimilarArticles42 .slds-text-body--small {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #656B73;
}

.comm-related-articles.selfServiceSimilarArticles42 .slds-text-heading_small {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #16191C;
}

.comm-related-articles.selfServiceSimilarArticles42 a:hover,
.comm-related-articles.selfServiceSimilarArticles42 a:focus,
.comm-related-articles.selfServiceSimilarArticles42 a:visited,
.comm-related-articles.selfServiceSimilarArticles42 a:active{
    color: #16191C !important;
    border: none !important;
    box-shadow: none !important;
}

@media all and (min-width: 768px) {
    .comm-related-articles.selfServiceSimilarArticles42 {
        padding: 24px 40px;
        border-radius: 6px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    }

    .comm-related-articles.selfServiceSimilarArticles42 .slds-text-heading_small {
        font-size: 16px;
        line-height: 24px;
    }

    .comm-related-articles.selfServiceSimilarArticles42 ul {
        display: flex;
        flex-wrap: wrap;
    }

    .comm-related-articles.selfServiceSimilarArticles42 li {
        flex: 0 0 50%;
    }

    .comm-related-articles.selfServiceSimilarArticles42 a {
        padding: 8px 0 0;
    }


    .comm-related-articles.selfServiceSimilarArticles42 .slds-text-body_small,
    .comm-related-articles.selfServiceSimilarArticles42 .slds-text-body--small {
        font-size: 12px;
        line-height: 16px;
        color: #53575B;
    }
}



/* FORM */
.siteforceSldsTwoCol66Layout [data-region-name='content'],
.siteforceSldsTwoCol66Layout [data-region-name='sidebar'],
.siteforceSldsTwoCol48Layout [data-region-name='content'],
.siteforceSldsTwoCol48Layout [data-region-name='sidebar']{
  background: #fff;
  border-color: transparent;
  border-radius: 6px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
  padding: 24px;
}

.slds-page-header__title[c-bhcContactUsForm_bhcContactUsForm],
.slds-page-header__title[c-bhcpartnerhiddenform_bhcpartnerhiddenform],
.slds-page-header__title[c-bhcgamblingadvertiserreviewform_bhcgamblingadvertiserreviewform],
.slds-page-header__title[c-bhcmedicationadvertiserform_bhcmedicationadvertiserform]{
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 16px;
}

.slds-theme_shade[c-bhcpartnerhiddenform_bhcpartnerhiddenform],
.slds-theme_shade[c-bhcgamblingadvertiserreviewform_bhcgamblingadvertiserreviewform],
.slds-theme_shade[c-bhcmedicationadvertiserform_bhcmedicationadvertiserform]{
    background-color: #f8f8f9;
}

.slds-form-element label.slds-form-element__label {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 4px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.slds-form-element__control .slds-input, .slds-form-element__control .slds-textarea {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 4px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.forceCommunityContactSupportForm div,
.forceCommunityContactSupportForm .slds-page-header__title,
.forceCommunityCaseDeflection .slds-page-header__title,
.forceCommunityCaseDeflection .subtitle {
  text-transform: initial !important;
}

.forceCommunityContactSupportForm .subtitle {
  display: none;
}

.slds-p-top_small, .slds-p-top--small {
  padding-top: 0;
}

.comm-topic-trending-articles__item a {
  border-bottom: 0;
}

.comm-topic-trending-articles__item a span:first-child{
    color: #121314;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 6px;
}

.comm-topic-trending-articles__item a span:last-child{
    color: #53575B;
    font-size: 12px;
    line-height: 18px;
}

ul.slds-list_horizontal {
    color: #53575B;
    font-size: 12px;
    line-height: 18px;
}

.slds-show {
    color: #121314;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 6px;
}

.caseDeflectionListItem {
    border: none;
}

.slds-form-element label.slds-form-element__label {
    color: #53575B;
    font-size: 12px;
    line-height: 16px;
}

.slds-form-element__help {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 12px;
}

.slds-form-element__control .slds-input,
.slds-form-element__control .slds-textarea {
    background: #F7F8F9 !important;
    border: none;
}

/* SEARCH */
.resultsWrapper {
    background: #fff;
    border-color: transparent;
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    padding: 24px;
}

.resultsWrapper .forceSearchResultsRegion,
.forceCommunitySearch .forceSearchResultsList {
    outline: none;
}

.resultsWrapper .gridTitle {
    color: #16191C;
    font-size: 20px;
    line-height: 30px;
}

.resultsWrapper .searchResultsSummary {
    color: #53575B;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.resultsWrapper .slds-has-dividers--bottom > .slds-item {
    border-bottom: none;
}

.resultsWrapper .forceSearchSearchResultsGridHeader {
    border: none;
}

.resultsWrapper a.itemTitle {
    color: #121314;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 6px;
}

.resultsWrapper .slds-list--horizontal {
    color: #53575B;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding-bottom: 6px;
}

.resultsWrapper .slds-p-horizontal--large {
    padding-left: 1rem;
}

.resultsWrapper .resultsBody {
    color: #53575B;
    font-size: 12px;
    line-height: 18px;
}

.forceCommunityContactSupportForm div, .forceCommunityContactSupportForm .slds-page-header__title, .forceCommunityCaseDeflection .slds-page-header__title, .forceCommunityCaseDeflection .subtitle {
    padding-top: 12px;
    padding-bottom: 12px;
}

.selfServiceTopicTrendingArticles42 .slds-grid--vertical a {
    color: #53575B !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
}

.contactSupportButton {
    background: #3A3E41 !important;
    border-radius: 114px !important;
    border: 2px solid #3A3E41 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    line-height: 16px !important;
    min-width: initial !important;
}

.header-message > .slds-page-header__title {
    font-family: 'Graphik','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #16191C;
}

/* BREADCRUMBS */
.slds-text-heading_label, .slds-text-heading--label a {
    color: #676D75;
    font-family: 'Graphik';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: initial;
}

/* Remove this if it breaks if salesforce layout breaks */
/* .forceCommunitySection .cb-section_column:first-child {
    display: none;
} */

@media all and (min-width: 1023px) {
    .forceCommunitySection .cb-section_column:first-child {
        display: block;
    }

    /* add margin for both the article/breadcrumbs/topic detail */
    .forceCommunitySection .cb-section_column:last-child {
        margin-left: 32px;
        margin-right: 32px
    }
}


@media all and (max-width: 1023px) {
    .forceCommunitySection .cb-section_column {
        padding: 15px !important;
    }

    .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
        margin-bottom: 0px;
    }

    .slds-tree-container, .slds-tree_container {
        max-width: none;
    }
}

/* BACK NAVIGATION */
.bhcHome {
    border: none;
    cursor: initial;
    padding: 0;
}

.bhcHome .arrow {
    align-items: center;
    display: flex;
}

.bhcHome .arrow svg {
    margin-right: 12px;
}

.bhcHome .arrow button {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: 500;
}



/* FONTS */

/* Thin */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Thin.otf') format('opentype');
  font-style: normal;
  font-weight: 100;
}

/* Thin Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-ThinItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 100;
}

/* Extra Light */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Extralight.otf') format('opentype');
  font-style: normal;
  font-weight: 200;
}

/* Extra Light Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-ExtralightItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 200;
}

/* Light */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Light.otf') format('opentype');
  font-style: normal;
  font-weight: 300;
}

/* Light Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-LightItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 300;
}

/* Regular */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Regular.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
}

/* Regular Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-RegularItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 400;
}

/* Medium */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Medium.otf') format('opentype');
  font-style: normal;
  font-weight: 500;
}

/* Medium Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-MediumItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 500;
}

/* Semibold  */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Semibold.otf') format('opentype');
  font-style: normal;
  font-weight: 600;
}

/* Semibold Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-SemiboldItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 600;
}

/* Bold */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Bold.otf') format('OpenType');
  font-style: normal;
  font-weight: 700;
}

/* Bold Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-BoldItalic.otf') format('Opentype');
  font-style: italic;
  font-weight: 700;
}

/* Black */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Black.otf') format('Opentype');
  font-style: normal;
  font-weight: 800;
}

/* Black Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-BlackItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 800;
}

/* Super */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-Super.otf') format('opentype');
  font-style: normal;
  font-weight: 900;
}

/* Super Italic */
@font-face {
  font-family: 'Graphik';
  src: url('/sfsites/c/resource/graphik/Graphik-SuperItalic.otf') format('opentype');
  font-style: italic;
  font-weight: 900;
}

.compact-hero-search .custom-search-input {
    font-size: 14px !important;
    height: 30px !important;
}

.kbResultStencil .slds-tile__detail {
    display: none;
}

.language-selector-container .slds-input {
    background: white !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px;
}

/* remove max width for the breadcrumbs */
.forceCommunityBreadcrumbs .slds-breadcrumb__item {
    max-width: none !important;
}

/* fix for related articles text being too long */
.selfServiceSimilarArticles42 li > .comm-related-articles__item > a {
    word-break: break-word !important;
    padding-right: 10px;
}


.gambling-form-confirmation .cancelButton > button {
    background-color: #fff;
    box-shadow: 0 0 0 1px #d4d5d6;
    color: #3a3e41;
    margin-right: 10px;
}

.gambling-form-confirmation .cancelButton > button:hover,
.gambling-form-confirmation .cancelButton > button:focus,
.gambling-form-confirmation .cancelButton > button:focus-visible {
    box-shadow: 0 0 0 2px #ffd301;
}

.gambling-form-confirmation .slds-modal__footer {
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

.forcePageBlock .slds-section:first-child {
    display: none;
}

.testGlobalHeader {
    position: fixed !important;
    z-index: 9999 !important;
}