/*@import url("/sfsites/c/resource/GB_CustomCssOverridewebform");*/ @font-face { font-family: 'Aldi_Font_family'; src: url('/sfsites/c/resource/GB_Aldi_Sued_Fonts/ALDI_SUED_OT_Cn.otf'), url('/sfsites/c/resource/GB_Aldi_Sued_Fonts/ALDI_SUED_OT_Regular.otf'), url('/sfsites/c/resource/GB_Aldi_Sued_Fonts/ALDI_SUED_OT_Bold.otf'); } .comm-page-custom-about-you-screen .slds-form-element__help, .slds-form-element__helper span, .flowruntime-input-error[flowruntime-inputWrapper2_inputWrapper2] span span{color:#ea001e !important; font-size: 14px} .flowruntime-input-error[flowruntime-inputWrapper2_inputWrapper2]{color:#ea001e !important; font-size: 14px} .comm-page-custom-about-you-screen .slds-form-element__label span{color: #343D46; font-size: 14px;} .comm-page-custom-about-you-screen .slds-form-element__legend span{font-weight: normal; color: #343D46; font-size: 16px;} .comm-page-custom-about-you-screen .container div div:nth-child(2){width: 100% !important} .comm-page-custom-about-you-screen span.slds-file-selector__button.slds-button.slds-button_neutral, .comm-page-custom-about-you-screen .slds-button_neutral:active, .slds-button--neutral:active, .comm-page-custom-about-you-screen .slds-button:hover, .slds-button:focus{color: #101316} a.Contactuscss5{padding-left: 0 !important;} .comm-page-custom-about-you-screen .slds-file-selector_files .slds-file-selector__text, .slds-file-selector--files .slds-file-selector__text, h2.slds-text-heading--small.slds-m-right--xx-small.slds-hyphenate{display: block;} .comm-page-home .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active:hover, li.mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item.comm-hide .comm-navigation__top-level-item-link:hover{color: rgb(0, 121, 203) !important} .comm-page-custom-about-you-screen .content .slds-card__header.slds-grid.header{display: none;} .comm-page-custom-about-you-screen article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity{border: none;} .comm-page-custom-about-you-screen .selfServiceTopicTrendingArticles42>h2{display: block;} .comm-page-custom-about-you-screen .actionsRight .slds-button_neutral:active, .slds-button--neutral:active{ color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; } .comm-page-custom-about-you-screen .actionsRight .slds-button_neutral, .slds-button--neutral{ color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; } .flowruntime-inline.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2] span a{color: #0D3A93;} .slds-radio [type=radio]:checked+.slds-radio_faux:after, .slds-radio [type=radio]:checked+.slds-radio--faux:after, .slds-radio [type=radio]:checked~.slds-radio_faux:after, .slds-radio [type=radio]:checked~.slds-radio--faux:after, .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after, .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after{background-color: #343D46} .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: #000 !important; border-left-color: #000 !important; } .slds-rich-text-editor__textarea, .slds-rich-text-editor__output{ font-size: 14px !important; } /*by tamil to add the style for next button in contact form*/ .actionsRight .slds-button_brand, .slds-button--brand{ font-size: 20px; background-color: #FFC800; padding: 6px 35px; } /*til text width 100% by tamil*/ .comm-tile-menu__item-banner[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout]{ width: 100% !important; } /*remove cliock icon from the article page and tile icon in landing page*/ .selfServiceArticleHeaderDetail .timestamp-icon, .selfServiceArticleHeaderDetail .timestamp-icon, .comm-page-home .comm-tile-menu__icon-section{display: none !important;} /*to chnage the body background color*/ body{background-color: #F5F5F6 !important;} /*tamil for changing search text background color*/ .comm-page-global-search mark{background-color: #ff0 !important;} .slds-show--inline-block.searchResultsSummary.slds-text-body--small.slds-text-color--weak{float: left} /*by tamil in devus*/ .slds-form-element__control.slds-grid.itemBody{font-size: 16px; font-weight: normal} /*by tamil in devus*/ .forceOutputRichText em{font-style: normal !important;} .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column{margin-left: 0 !important; padding: 0 !important; width: 100% !important} /*by tamil to hide the heading*/ .comm-page-article .test-id__field-label-container.slds-form-element__label{display: none;} /*by tamil in devus*/ .body.isPageWidthFixed-false{min-height: auto !important;} /*by tamil in devus*/ .comm-page-article .forcePageBlock .slds-section:first-child{display: none;} /*by tamil in devus*/ a.Contactuscss5{float: right;} /*by tamil in devus*/ .slds-form-element.slds-form-element_readonly.slds-grow.slds-hint-parent.override--slds-form-element{ border-bottom: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#D4D4D4) !important; } /*by tamil in devus*/ .selfServiceArticleLayout .forcePageBlockSectionRow.full{padding: 0 !important;} /*by tamil in devus*/ .selfServiceArticleHeaderDetail.meta { margin-bottom: 0px !important; } .forcePageBlockItemView.forcePageBlockItem.slds-col>.slds-form-element.slds-form-element_readonly{padding: 24px 0 !important;} /*by tamil in devus*/ .selfServiceArticleLayout .article-summary{display: none !important} /*by tamil in devus*/ h1.article-head.selfServiceArticleHeaderDetail{font-size: 32px; color: #101316; font-weight: normal; margin-bottom: 8px !important; line-height: 1.1} /*by tamil in devus*/ .selfServiceArticleLayout.article-column{padding: 1px 0px 30px !important;} /*by tamil in devus*/ .comm-page-article{background-color: #F5F5F6 !important;} /*by tamil in devus*/ .forceSearchResultsCompact.searchResults.list .kbResultStencil { border-bottom: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#D4D4D4) !important; } /*by tamil in devus*/ .footer .forceCommunityRichText.forceCommunityHtmlBlock{margin-bottom: 0px !important} /*by tamil in devus*/ .comm-page-topic .slds-col--padded.comm-layout-column{ background-color: #fff !important; margin-left: 0; width: 100%; padding-left: 24px !important; padding-right: 24px !important; } /*by tamil in devus*/ .selfServiceTopicArticleList .selfServiceArticleListItem{margin: 0 !important;} /*by tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{padding-top: 32px} /*by tamil in devus*/ .siteforceContentArea .comm-layout-column:not(:empty){ margin-left: unset; padding-left: 24px !important; padding-right: 24px !important; width: 93%; margin: 0 auto; } /*by tamil in devus*/ .siteforceContentArea .comm-layout-column:not(:empty){padding: 0 24px !important} /*by tamil in devus*/ .selfServiceArticleListItem .article-link{padding: 16px 0 !important;} /*by tamil in devus*/ .selfServiceArticleListItem .footer{margin-top: 0 !important; height:auto !important; float:left !important; width: 100% !important; box-shadow: none !important} /*by tamil in devus*/ .selfServiceBaseArticleList .article-head{color: #0D3A93 !important;} /*by tamil in devus*/ .selfServiceArticleHeaderDetail .article-head{font-weight: normal !important; margin-bottom: 0 !important;} /*by tamil in devus*/ .selfServiceArticleListItem{padding: 16px 0 !important;} .selfServiceArticleListItem .article-link:focus .article-head, .selfServiceArticleListItem .article-link:hover .article-head, .selfServiceArticleListItem .article-link:focus, .selfServiceArticleListItem .article-link:hover{color: #0D3A93 !important;} /*by tamil in devus*/ li.article-item.selfServiceArticleListItem{font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; float:left; width: 100%; padding-top:0 !important; padding-bottom: 0px !important;} /*by tamil in devus*/ .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child){margin-bottom: 0px !important} /*by Tamil in devus*/ .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 30px !important} /*by Tamil in devus*/ body.null.comm-page-home, body.null.comm-page-global-search,body.null.comm-page-topic{background: #F5F5F6 !important;} /*by Law product info page in devus*/ .selfServiceArticleListItem.footer{display: none !important;} /*by tamil in devus*/ .forceCommunityThemeHeroBase .contentCaption{font-size: 32px !important;} /*by tamil in devus*/ .forceCommunityThemeHeroBase .contentTitle{font-size: 16px !important;} /*by tamil in devus*/ .forceCommunitySearch .resultsWrapper{min-height: unset !important; margin-bottom: 0px !important;} /*by tamil in devus*/ .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:active{padding: 16px 0;} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 27%; margin-left: 16px; background-color: #fff; margin-right: 168px; height: 100%; padding-top: 32px !important; padding-left: 24px; padding-right: 24px; } /*by tamil in devus*/ li.kbResultStencil.slds-item.slds-p-vertical--small.slds-p-horizontal--large.slds-theme--default.forceRecordLayout{padding: 24px 15px;} .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 50px;} /*by tamil in devus*/ .slds-has-dividers_right>.slds-list__item, .slds-has-dividers--right>.slds-list__item, .slds-has-dividers_right>.slds-item, .slds-has-dividers--right>.slds-item{ font-size: 12px; color: #71777E; font-weight: normal; } /*b y tamil to serch result color in devus*/ a.itemTitle.outputLookupLink{ color: #0D3A93; font-size: 16px; font-weight: normal; float: left; margin-bottom: 16px; white-space: pre-wrap !important; } /*b y tamil to change relevance color in devus*/ .forceSearchSearchResultsGridHeader .search-results-grid-header__sort>.slds-button{color: #0079CB !important;} mark{font-weight: bold !important; background-color: #fff !important;color: #0D3A93 !important;} /*.body.isPageWidthFixed-false{margin-top: 50px !important;}*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 50%; margin-left: 168px !important; float: left; background-color: #fff; height: 100%; padding-top: 10px !important; padding-left: 24px; padding-right: 24px; } /*by tamil to hide the left side bar in devus*/ .forceSearchScopesRibbon{display: none !important;} .slds-border_right.slds-medium-size_1-of-6{display: none !important} .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{font-size: 16px !important;} .linkBtn.comm-navigation__top-level-item-link--active:after{background: #FFF !important;} .forceCommunityThemeHeroBase .contentTitle{width: 100% !important} .forceCommunityThemeHeroBase .align-center{width: 100% !important} .footer{float: left; width: 100%;} /*by tamil for featured topic bg color in devus*/ .body .forceTopicFeaturedTopics { background: #F5F5F6 !important; } /*by Tamil to chnage bg color for body for devus*/ .siteforceThemeLayoutStarter { background: #F5F5F6 !important; } /*by Tamil to remove hover color in text for devus*/ .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:active{ font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; } /*by Tamil to add style for text for devus*/ .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{ font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; } /*by Tamil to increase the header width*/ .header > div:first-child{ width: 100% !important; } /*by Tamil to show thw back to home button*/ .comm-navigation__menu-item:nth-child(2){ display: block !important; } /*by Tamil to hide thw more,home button*/ .comm-navigation__menu-item:nth-child(3){ display: none !important; } /*by Tamil*/ .themeLogo{ float:left } /*by Tamil*/ .themeNav{ float: right; } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeHeaderInner{ display: block !important; float: left; width: 100% !important; } .header{ top:0; z-index: 9; width: 100%; /* position: fixed;*/ display:flex; height: 104px !important; } /*by Tamil to chnage the footer position*/ .footer > div:first-child{ width: 100% !important; float: left; line-height: 5.5; } .footer-icon{ float: right; padding-right: 66px} .footer-content{ float: left } /*by Tamil*/ .logoImage{ position: initial !important; } .forceCommunityThemeHeroBase .bgImage, .forceCommunityThemeHeroBase .bgOverlay{ background: #F5F5F6 url(/helpcenterus/s/sfsites/c/file-asset/image_51?v=1) center /cover !important; /* background: cyan; */ background-repeat: no-repeat !important; background-size: cover !important; } .forceCommunityThemeHeroBase .contentTitle{ margin-top:0 !important; } /*for the name below Icon in Body ex: My Preferences,My Details*/ b, strong, dfn{ /*font-weight: 400 !important;*/ color: #101316 !important; } /*By tamil*/ .forceCommunityThemeHeroBase .contentTitle{ margin-top:0; } .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 200px 30px !important; } /*to stop hovering for popular faqs tile by lav*/ .forceTopicFeaturedTopics .topicContent:hover, .forceTopicFeaturedTopics .topicLink:focus .topicContent { background-color: #fff !important; outline: 0; } /*by Tamil*/ .siteforceContentArea .comm-layout-column:not(:empty){ padding-top: 0px !important; } /*by Tamil*/ .forceCommunityThemeHeaderCompact{ padding-left: 0 !important; } .forceCommunityThemeNav .mainNavItem .linkBtn{ right: 0 !important; } /*Gap between Icon and Navigation menu*/ .sfdcCbImage{ padding-top: 20px; } /*Background color for footer*/ .footer{ box-shadow: 0px -1px 2px 0px rgba(113, 119, 126, 0.15); background-color: #FFFFFF !important; } /*By Tamil, Change the size of the search bar*/ .forceCommunityThemeHeroBase .content{ width: 51% !important; } /*Common Styling for footer items*/ .footerCommon{ color:#343D46 !important; text-decoration:none !important; } /*by tamil in devus*/ span.slds-text-body_small.slds-hyphenate{ font-size: 16px; color: #0D3A93; } /*by tamil in devus*/ .selfServiceSimilarArticles42 li>.comm-related-articles__item>a:hover, .selfServiceSimilarArticles42 li>.comm-related-articles__item>a:focus, .selfServiceSimilarArticles42 li>.comm-related-articles__item>a:active{color: #0D3A93 !important;} /*by tamil in devus*/ .selfServiceArticleListItem .footer{display: none;} /*by tamil in devus*/ .comm-page-topic .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .slds-col--padded.comm-layout-column, .slds-col--padded.comm-layout-column{background-color: #fff !important} /*by tamil in devus*/ .forceCommunityHtmlBlock .uiOutputRichText p { max-width: 100%; line-height: 1.5; padding: 8px 0; float: left; width: 100%; } /*by tamil in devus*/ .forceCommunityRichText a:focus, .forceCommunityRichText a:active{float: right;} /*by tamil in devus*/ .slds-col--padded.comm-content-header.comm-layout-column { background-color: #F5F5F6 !important; } /*by tamil in devus*/ .slds-col--padded.comm-layout-column{position: relative;} .contact-section{ position: absolute; margin-top: 30px; left: 0px; right: 0px; padding: 24px; padding-right: 12px; border: 1px solid #000; border-radius: 8px; } /*by tamil in devus*/ .test-id__field-label-container.slds-form-element__label{padding-bottom: 16px} /*by tamil in devus*/ .selfServiceArticleListItem .footer{display: none;} .comm-page-topic .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff !important} .forceCommunityHtmlBlock .uiOutputRichText p { max-width: 100%; line-height: 1.5; padding: 8px 0; float: left; width: 100%; } .forceCommunityRichText a:focus, .forceCommunityRichText a:active{float: left !important;} .forceCommunityRichText a{float:left !important; width: auto;} .slds-col--padded.comm-content-header.comm-layout-column { background-color: #F5F5F6 !important; } .slds-col--padded.comm-layout-column{position: relative;} .contact-section{ position: absolute; margin-top: 30px; left: 0px; right: 0px; padding: 24px; padding-right: 12px; border: 1px solid #000; border-radius: 8px; } .test-id__field-label-container.slds-form-element__label{padding-bottom: 16px} .forcePageBlockItemView.forcePageBlockItem.slds-col>.slds-form-element.slds-form-element_readonly{padding: 24px 0 !important;} .selfServiceArticleLayout .article-summary{display: none !important} h1.article-head.selfServiceArticleHeaderDetail{font-size: 32px; color: #101316; font-weight: normal; margin-bottom: 8px !important} .selfServiceArticleLayout.article-column{padding: 1px 0px 30px !important;} .comm-page-article{background-color: #F5F5F6 !important;} .forceSearchResultsCompact.searchResults.list .kbResultStencil { border-bottom: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#D4D4D4) !important; } .footer .forceCommunityRichText.forceCommunityHtmlBlock{margin-bottom: 0px !important} .comm-page-topic .slds-col--padded.comm-layout-column{ background-color: #fff !important; margin-left: 0; width: 100%; padding-left: 24px !important; padding-right: 24px !important; } .selfServiceTopicArticleList .selfServiceArticleListItem{margin: 0 !important;} .selfServiceTopicTrendingArticles42>h2{padding-top: 32px} .siteforceContentArea .comm-layout-column:not(:empty){ margin-left: 16px; padding-left: 24px !important; padding-right: 24px !important; width: 95%; } .siteforceContentArea .comm-layout-column:not(:empty){padding: 0 24px !important} .selfServiceArticleListItem .article-link{padding: 16px 0 !important;} .selfServiceArticleListItem .footer{margin-top: 0 !important; height:auto !important; float:left !important; width: 100% !important; box-shadow: none !important} .selfServiceBaseArticleList .article-head{color: #0D3A93 !important;} .selfServiceArticleHeaderDetail .article-head{font-weight: normal !important; margin-bottom: 0 !important;} /*by tamil in devus*/ .selfServiceArticleListItem{padding: 16px 0 !important;} .selfServiceArticleListItem .article-link:focus .article-head, .selfServiceArticleListItem .article-link:hover .article-head, .selfServiceArticleListItem .article-link:focus, .selfServiceArticleListItem .article-link:hover{color: #0D3A93 !important;} /*by tamil in devus*/ li.article-item.selfServiceArticleListItem{font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; float:left; width: 100%; padding-top:0 !important; padding-bottom: 0px !important;} /*by tamil in devus*/ .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child){margin-bottom: 0px !important} /*by Tamil in devus*/ .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 30px !important} /*by Tamil in devus*/ body.null.comm-page-home, body.null.comm-page-global-search,body.null.comm-page-topic{background: #F5F5F6 !important;} /*by Law product info page in devus*/ .selfServiceArticleListItem.footer{display: none !important;} /*by tamil in devus*/ .forceCommunityThemeHeroBase .contentCaption{font-size: 32px !important;} /*by tamil in devus*/ .forceCommunityThemeHeroBase .contentTitle{font-size: 16px !important;} /*by tamil in devus*/ .forceCommunitySearch .resultsWrapper{min-height: unset !important; margin-bottom: 0px !important;} /*by tamil in devus*/ .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:active{padding: 16px 0;} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 27%; margin-left: 16px; background-color: #fff; margin-right: 168px; height: 100%; padding-top: 32px !important; padding-left: 24px; padding-right: 24px; } /*by tamil in devus*/ li.kbResultStencil.slds-item.slds-p-vertical--small.slds-p-horizontal--large.slds-theme--default.forceRecordLayout{padding: 24px 15px;} .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 50px;} /*by tamil in devus*/ .slds-has-dividers_right>.slds-list__item, .slds-has-dividers--right>.slds-list__item, .slds-has-dividers_right>.slds-item, .slds-has-dividers--right>.slds-item{ font-size: 12px; color: #71777E; font-weight: normal; } /*b y tamil to serch result color in devus*/ a.itemTitle.outputLookupLink{ color: #0D3A93; font-size: 16px; font-weight: normal; float: left; margin-bottom: 16px; white-space: pre-wrap !important; } /*b y tamil to change relevance color in devus*/ .forceSearchSearchResultsGridHeader .search-results-grid-header__sort>.slds-button{color: #0079CB !important;} mark{font-weight: bold !important; background-color: #fff !important;color: #0D3A93 !important;} /*.body.isPageWidthFixed-false{margin-top: 50px !important;}*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 50%; margin-left: 168px !important; float: left; background-color: #fff; height: 100%; padding-top: 10px !important; padding-left: 24px; padding-right: 24px; } /*by tamil to hide the left side bar in devus*/ .forceSearchScopesRibbon{display: none !important;} .slds-border_right.slds-medium-size_1-of-6{display: none !important} .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{font-size: 16px !important;} .linkBtn.comm-navigation__top-level-item-link--active:after{background: #FFC800 !important;} .forceCommunityThemeHeroBase .comm-is-absolute { background-size: cover !important; } .forceCommunityThemeHeroBase .contentTitle{width: 100% !important} .forceCommunityThemeHeroBase .align-center{width: 100% !important} .footer{float: left; width: 100%;} /*by tamil for featured topic bg color in devus*/ .body .forceTopicFeaturedTopics { background: #F5F5F6 !important; } /*by Tamil to chnage bg color for body for devus*/ .siteforceThemeLayoutStarter { background: #F5F5F6 !important; } /*by Tamil to remove hover color in text for devus*/ .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:active{ font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; } /*by Tamil to add style for text for devus*/ .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{ font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; } /*by Tamil to increase the header width*/ .header > div:first-child{ width: 100% !important; } /*by Tamil to show thw back to home button*/ .comm-navigation__menu-item:nth-child(2){ display: block !important; } /*by Tamil to hide thw more,home button*/ .comm-navigation__menu-item:nth-child(3){ display: none !important; } /*by Tamil*/ .themeLogo{ float:left } /*by Tamil*/ .themeNav{ float: right; } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeHeaderInner{ display: block !important; float: left; width: 100% !important; } .header{ top:0; z-index: 9; width: 100%; /* position: fixed;*/ display:flex; height: 104px !important; } /*by Tamil to chnage the footer position*/ .footer > div:first-child{ width: 100% !important; float: left; line-height: 5.5; } .footer-icon{ float: right; padding-right: 66px} .footer-content{ float: left } /*by Tamil*/ .logoImage{ position: initial !important; } .forceCommunityThemeHeroBase .bgImage, .forceCommunityThemeHeroBase .bgOverlay{ background: #F5F5F6 url(/helpcenterus/s/sfsites/c/file-asset/image_51?v=1) center /cover !important; /* background: cyan; */ background-repeat: no-repeat !important; background-size: cover !important; } .forceCommunityThemeHeroBase .contentTitle{ margin-top:0 !important; } /*for the name below Icon in Body ex: My Preferences,My Details*/ b, strong, dfn{ /*font-weight: 400 !important;*/ color: #101316 !important; } /*By tamil*/ .forceCommunityThemeHeroBase .contentTitle{ margin-top:0; } .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 200px 30px !important; } /*to stop hovering for popular faqs tile by lav*/ .forceTopicFeaturedTopics .topicContent:hover, .forceTopicFeaturedTopics .topicLink:focus .topicContent { background-color: #fff !important; outline: 0; } /*by Tamil*/ .siteforceContentArea .comm-layout-column:not(:empty){ padding-top: 0px !important; } /*by Tamil*/ .forceCommunityThemeHeaderCompact{ padding-left: 0 !important; } .forceCommunityThemeNav .mainNavItem .linkBtn{ right: 0 !important; } /*Gap between Icon and Navigation menu*/ .sfdcCbImage{ padding-top: 20px; } /*Background color for footer*/ .footer{ box-shadow: 0px -1px 2px 0px rgba(113, 119, 126, 0.15); background-color: #FFFFFF !important; } /*By Tamil, Change the size of the search bar*/ .forceCommunityThemeHeroBase .content{ width: 51% !important; } /*Common Styling for footer items*/ .footerCommon{ color:#343D46 !important; text-decoration:none !important; } /*Media query so that styling is flexible for other devices*/ /*For desktops and laptops*/ @media only screen and (min-width:767px) and (max-width:1024px){ .comm-page-custom-about-you-screen .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{ display: flex; flex-direction: column-reverse; } .contact-section{width: 50%;} .comm-page-article .contact-section .forceCommunityRichText a { float: right !important; width: 55% !important; padding-top: 5px; } h1.article-head.selfServiceArticleHeaderDetail{ font-size: 24px; } .comm-page-article .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{margin-top: 40px} .comm-page-article .footer{ margin-top: 340px !important; } .selfServiceSimilarArticles42>h2{font-size: 24px; font-weight: normal;} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-topic .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } .forceCommunityHeadline .headlineInfo, .selfServiceBaseArticleList .article-list{margin: 0 !important;} .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 95%; margin-right: 0px;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 24px !important; font-weight: normal !important; } /*by Tamil in devus*/ p.slds-truncate.slds-p-bottom--xxx-small{white-space: pre-wrap !important;} .slds-show_inline-block, .slds-show--inline-block{float: left !important;} /*by Tamil in devus*/ .slds-show--inline-block.searchResultsSummary.slds-text-body--small.slds-text-color--weak{float:left} /*by tamil in devus */ .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap{flex-wrap: wrap !important;} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 95% !important; margin-right: 0 !important; margin: 0 auto !important; padding-left: 16px !important; padding-right: 16px !important; } /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 95% !important; margin-left: 0 !important; margin: 0 auto !important; padding-left: 16px !important; padding-right: 16px !important; margin-bottom: 40px !important; } /*b y tamil to serch result color in devus*/ a.itemTitle.outputLookupLink.slds-truncate.outputLookupLink-ka07j000000GycYAAS-1610\:0.forceOutputLookup{ color: #0D3A93; font-size: 16px; font-weight: normal; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 18px !important;} .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{font-size: 16px !important;} /*by Tamil in devus*/ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{font-size: 18px !important;} .comm-page-home .comm-topic-trending-articles h2 { /*font-size: 22px;*/ letter-spacing: -0.45px; line-height: 28px; margin: 0; /*by tamil to change the trending FAQ title for devus*/ font-weight: normal; font-size: 32px !important; color: #101316; margin-bottom:16px !important; } /*by Tamil for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 75% !important; } .comm-page-home .comm-topic-trending-articles { /*by Tamil to chnage the trent FAQ width for devus*/ margin-bottom: 100px; } /*by Tamil to change the footer width*/ .footer > div:first-child{ width: 100%; float:left; } /*by Tamil footer icon position set*/ .footer-icon{ float: right !important; padding-right: 20px; } /* by Tamil to change the footer content position*/ .footer-content{float:left; line-height: 6;} /*added by Tamil to hide the more button at the header portion*/ /*by Tamil added to reduce the width of the search bar*/ .forceCommunityThemeHeroStarter .searchRegion { width: 81%; } /*added to check the contact us for article page */ .Contactuscss1{ display: inline; padding: 17px; font-style: normal; font-weight: normal !important; font-size: 24px !important; line-height: 28px; } /*added to check the contact us for article page */ .Contactuscss2{ display: inline; padding-top: -56px; padding-top: 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss3{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; display: inline; padding-top: -56px; align-items: center; color: #101316; } /*added to check the contact us for article page */ .Contactuscss4{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #0D3A93;; } /*added by tamil for store location size*/ .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { border: none; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 96px !important; } ul.themeNav-align-left{ width:200vw !important; } /* Added by lav for product recall in webform */ .forceCommunityRichText h1 { max-width: 100% !important; font-style: normal !important; font-weight: normal !important; font-size: 24px !important; line-height: 28px !important; display: flex !important; align-items: center !important; background-color: #FFC800 !important; /*by Tamil*/ padding: 24px; } /* Added by lav for product recall Read more text color webform */ .forceCommunityRichText a { color: #0D3A93 !important; } /*Added by lav for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { width: 100% !important; text-shadow:none !important ; /*padding-right: 255px !important;*/ } /*Added by lav for setting Tittle size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentTitle { font-size: 24px !important; width: 100% !important; left: 0px !important; top: 38px !important; text-shadow: none !important; /* padding-right: 271px !important;*/ } /*Header-Footer*/ .comm-navigation__top-level-item.mainNavItem:first-child{ /*first child of navigation menu -> Home */ visibility:hidden !important; /*As per requirement Home tab should be hidden/deleted. As deletion is not possible its hidden to user*/ position: relative !important; margin-left: -110px !important; } /* This CSS is for padding around the Navigation items (Home,Addresses etc) */ .forceCommunityThemeNav .mainNavItem .linkBtn{ padding: 0 0px 6px !important; /* Padding-bottom:8px ->between Menu label and active tab border(yellow color) */ } /*Color-black and hiding border of active tab */ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ border-bottom-style: none !important; /*Hiding the standard border provided by salesforce*/ color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; } /*Inserting custom border below active tab*/ .linkBtn.comm-navigation__top-level-item-link--active:after{ content: ""; /*Since we want to display just a div(ie.,border) and not any content below active tab content is empty*/ float: left; /*Its similar to padding-left:0 ie.,specifying from where the border should start*/ background: #FFF; width: 100%; /*This width system takes as width of div in which we are implementing*/ height: 4px; /*Height of border*/ border-radius: 2px; margin-top: 8px; /*Gap between Nav menu label and border should be 8px as mentioned in figma*/ } /*Font style,size,weight,height of Navigation menu items*/ .comm-navigation__menu-item { font-style: normal; font-size:min(max(9px, 1.2vw), 16px); font-weight: 400; line-height:70px !important; display: flex; flex: none; order: 0; flex-grow: 0; } /*Logo specifications mentioned : 51.21 x 56*/ .logoImage{ display: flex; /*flex=flexible with other screen sizes. Useful when using for other screen sizes*/ flex-direction: row; /*As screen size decreases,the nav menu items are displayed as a row instead of column*/ align-items: flex-start; position: static; width:51.21px !important; height:56px !important; left: 0 !important; top: 0 !important; margin-right: 38px !important; } /*Div of uploaded logo*/ .themeLogo{ margin-right:0px !important; padding-right:60.79px !important;/*Gap between logo and My Account(first nav item) : 60.79px*/ padding-top:32px !important; padding-bottom: 32px !important; padding-left:56px !important; } /*Theme Header :1440 x 120 with bg color #FFFFFF*/ .themeHeaderInner .centerAlignLogo-false .showNavMenuOnLeft-true .searchStyle-collapsed{ display: flex; flex-direction: row; align-items: flex-end; position: static; /*width: 100vw !important;*/ height: 120px; left: 0px; top: 0px; background: #FFFFFF; /* Inside Auto Layout */ flex: none; order: 0; flex-grow: 0; margin: 0 0; /*No margin (top,bottom),(left-right)*/ } /* By default a padding of 5px top and bottom at Header region is provided by salesforce. To override it this style is used*/ .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed{ padding-top: 0 !important; padding-bottom: 0 !important; } /*All the Navigation items padding left,top and bottom*/ .forceCommunityThemeNav .mainNavItem{ padding-left:20px !important; /*padding-top: 52px !important;*/ padding-top: 15px !important; padding-bottom: 10px !important; position:relative !important; } /*Home tab doesn't need left padding since padding-right(60.29px) already mentioned for logo. So making it to 0px */ .comm-navigation__top-level-item.mainNavItem:first-child { padding-left: 0px !important; } /*Specifications for shadow of Header which is 2px top and bottom and required color*/ .forceCommunityThemeHeaderCompact{ width:100% !important; padding-left:0 !important; box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15); } /*Div used in footer*/ .divStyle{ position: absolute; width:100vw !important; height:100% !important; bottom: 0 !important; top: 0 !important; } /*The standard template footer class with specifications 1440 x 76.5 and bg color: #FFFFFF*/ .footer{ position:relative; /*display: flex;*/ flex-direction: row; height: 76.5px !important; /*top: auto !important; /*Space between header and footer*/ bottom: 0!important; width: 100% !important; background-color:#FFFFFF !important; } /*Footer items common styling*/ .footerCommon{ position:static; display:inline; font-size:14px !important; font-weight: normal !important; font-style: normal !important; line-height:21px !important; /*line-to-line gap*/ color:#343D46 !important; padding-top:27.75px !important; padding-bottom:27.75px !important; text-decoration:none !important; } /*Online Privacy notice*/ .item1{ /*width:125px !important;*/ padding-left:3.889vw !important; flex: none; flex-grow: 1; } /*terms of use */ .item2{ /*width:75px;*/ height:21px; padding-left:2.778vw !important; } /*CA Supply chains Act*/ .item3{ width:123px; height:21px; padding-left:2.778vw !important; } /*CA Privacy Rights*/ .item4{ /*width:101px;*/ height:21px; padding-left:2.778vw !important; } img{ max-width: 48% !important; } /*styling for norton image on footer*/ .norton{ display:inline; /*padding-top:16px !important; padding-bottom:16px !important;*/ padding-top: 0px !important; padding-bottom: 0px !important; padding-left:0 !important; } /*styling for comodo_secure image on footer */ .secure{ display:inline; /*padding-top:16px !important; padding-bottom:16px !important;*/ padding-top: 0px !important; padding-bottom: 0px !important; /*padding-left:2.778vw !important;*/ padding-left: 35px !important; height: 83%; } /*Header-Footer-Ends here*/ /*Login Enhancement story*/ /* backgroungimageforlogin*/ .salesforceIdentityLoginBody2 { /*background-size: 100% 100% !important;*/ /*min-height: 100% !important;*/ /*width: 100% !important;*/ position: absolute !important; font-family: "Aldi_Font_family" !important; } .contentRegion{ min-width: 360px !important; max-width: 400px !important; width: 33.33vw !important; } .cCenterPanel{ top: 10% !important; min-width: 360px !important; max-width: 400px !important; width: 33.33vw !important; bottom: 5% !important; } .cCenterPanel:before{ left: 10px !important; right: 10px !important; top: -40px !important; bottom: -30px !important; } .siteforceDesignTimeEmptyRegion{ display:none !important; } } /*For desktops and laptops*/ @media only screen and (min-width:1024px) and (max-width:1400px){ .Contactuscss5 { font-style: normal; width: 60% !important; line-height: 18px; align-items: center; display: inline; padding-top: 5px !important; } .comm-page-custom-about-you-screen .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{margin-top: 15px !important;} .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column { padding: 0 !important; } .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 28%; margin-right: 168px;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 32px !important; font-weight: normal !important; } /*by tamil in devnus*/ .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff; width: 50% !important; margin-left: 168px} /*by tamil in devnus*/ .forceCommunityThemeHeroBase .bgImage, .forceCommunityThemeHeroBase .bgOverlay{left: 0px !important} /*be tamil in devus for trend faq width*/ .comm-page-home .comm-topic-trending-articles { width: 78% !important; } .body .forceTopicFeaturedTopics .featuredTopicHeader{font-size: 32px !important;} .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{padding: 216px 30px !important;} .comm-page-home .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{padding: 217px 30px !important;} .comm-page-article .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{padding: 216px 30px !important;} /*by tamil in devus*/ .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 50px !important;} /*b y tamil to serch result color in devus*/ a.itemTitle.outputLookupLink.slds-truncate.outputLookupLink-ka07j000000GycYAAS-1610\:0.forceOutputLookup{ color: #0D3A93; font-size: 16px; font-weight: normal; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 32px !important; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 24px !important;} .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{font-size: 16px !important;} /*by Tamil in devus*/ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{font-size: 20px !important;} community_navigation-tile-menu-ui.comm-tile-menu__ui.slds-grid.slds-wrap.slds-grid_align-center{ margin-top: 56px; } .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child){ position: relative; z-index: 4; /*margin-top: -36px;*/ /*by tamil in devus*/ margin-top: 0px !important; } /*by Tamil in devus for search bar for hp screen*/ .forceCommunityThemeHeroBase .content { width: 47% !important; } /*by Tamil in devus for hp screen size*/ .body .forceTopicFeaturedTopics .featuredTopicHeader { padding-left: 145px !important; } /*by Tamil for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 60% !important; } .forceCommunityRichText h1{ padding: 24px 155px !important; width: 100%; } /*by tamil for header in devus for screen size of 1280*720*/ .themeHeader{ padding-top: 20px; padding-bottom: 20px; } .comm-page-home .comm-topic-trending-articles h2 { /*font-size: 22px;*/ letter-spacing: -0.45px; line-height: 28px; margin: 0; /*by tamil to change the trending FAQ title for devus*/ font-weight: normal; font-size: 32px !important; color: #101316; margin-bottom:16px !important; } /*by Tamil for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 60% !important; } .comm-page-home .comm-topic-trending-articles { /*by Tamil to chnage the trent FAQ width for devus*/ margin-bottom: 100px; } .footer > div:first-child{ width: 100%; float:left; } /*by Tamil footer icon position set*/ .footer-icon{ float: right; padding-right: 46px; } /* by Tamil to change the footer content position*/ .footer-content{float:left;} /*added to check the contact us for article page */ .Contactuscss1{ display: inline; padding: 17px; font-style: normal; font-weight: normal !important; font-size: 24px !important; line-height: 28px; } /*added to check the contact us for article page */ .Contactuscss2{ display: inline; padding-top: -56px; padding-top: 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss3{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; display: inline; padding-top: -56px; align-items: center; color: #101316; } /*added to check the contact us for article page */ .Contactuscss4{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; width: 60%; padding-top: 5px !important; color: #0D3A93;; } /*added by tamil for store location size*/ .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { border: none; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 96px !important; } /*Header-Footer*/ ul.themeNav-align-left{ width:200vw !important; } /* Added by lav for product recall in webform */ .forceCommunityRichText h1 { max-width: 100% !important; font-style: normal !important; font-weight: normal !important; font-size: 24px !important; /*line-height: 28px !important;*/ padding: 20 20px 20px 120px; /*display: flex !important;*/ align-items: center !important; background-color: #FFC800 !important; } /* Added by lav for product recall Read more text color webform */ .forceCommunityRichText a { color: #0D3A93 !important; } /*Added by lav for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { font-size: 32px !important; width: 100% !important; text-shadow:none !important ; /* padding-right: 255px !important;*/ } /*Added by lav for setting Tittle size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentTitle { font-size: 16px !important; width: 100% !important; left: 0px !important; top: 38px !important; text-shadow: none !important; /*padding-right: 271px !important;*/ } /*by tamil .body.isPageWidthFixed-false { min-height: calc(100vh - 204px) !important; }*/ .comm-navigation__top-level-item.mainNavItem:first-child{ /*first child of navigation menu -> Home */ visibility:hidden !important; /*As per requirement Home tab should be hidden/deleted. As deletion is not possible its hidden to user*/ position: relative !important; margin-left: -110px !important; } /* This CSS is for padding around the Navigation items (Home,Addresses etc) */ .forceCommunityThemeNav .mainNavItem .linkBtn{ padding: 0 0px 8px !important; /* Padding-bottom:8px ->between Menu label and active tab border(yellow color) */ } /*Color-black and hiding border of active tab */ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ border-bottom-style: none !important; /*Hiding the standard border provided by salesforce*/ color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; } /*Inserting custom border below active tab*/ .linkBtn.comm-navigation__top-level-item-link--active:after{ content: ""; /*Since we want to display just a div(ie.,border) and not any content below active tab content is empty*/ float: left; /*Its similar to padding-left:0 ie.,specifying from where the border should start*/ background: #FFF; width: 100%; /*This width system takes as width of div in which we are implementing*/ height: 4px; /*Height of border*/ border-radius: 2px; margin-top: 8px; /*Gap between Nav menu label and border should be 8px as mentioned in figma*/ } /*Font style,size,weight,height of Navigation menu items*/ .comm-navigation__menu-item { font-style: normal; font-size:min(max(10px, 1.2vw), 18px); font-weight: 400; line-height:24px !important; display: flex; flex: none; order: 0; flex-grow: 0; } /*Logo specifications mentioned : 51.21 x 56*/ .logoImage{ display: flex; /*flex=flexible with other screen sizes. Useful when using for other screen sizes*/ flex-direction: row; /*As screen size decreases,the nav menu items are displayed as a row instead of column*/ align-items: flex-start; position: static; width:51.21px !important; height:56px !important; left: 0 !important; top: 0 !important; } /*Div of uploaded logo*/ .themeLogo{ margin-right:0px !important; padding-right:60.79px !important;/*Gap between logo and My Account(first nav item) : 60.79px*/ padding-top:0px !important; padding-bottom: 0px !important; padding-left:56px !important; } /*Theme Header :1440 x 120 with bg color #FFFFFF*/ .themeHeaderInner .centerAlignLogo-false .showNavMenuOnLeft-true .searchStyle-collapsed{ display: flex; flex-direction: row; align-items: flex-end; position: static; height: 120px; left: 0px; top: 0px; background: #FFFFFF; /* Inside Auto Layout */ flex: none; order: 0; flex-grow: 0; margin: 0 0; /*No margin (top,bottom),(left-right)*/ } /* By default a padding of 5px top and bottom at Header region is provided by salesforce. To override it that this style is used*/ .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed{ padding-top: 0 !important; padding-bottom: 0 !important; } /*All the Navigation items padding left,top and bottom*/ .forceCommunityThemeNav .mainNavItem{ padding-left:56px !important; padding-top: 15px !important; padding-bottom: 32px !important; position:relative !important; padding-right: 35px !important; font-size: 20px !important; } /*Home tab doesn't need left padding since padding-right(60.29px) already mentioned for logo. So making it to 0px */ .comm-navigation__top-level-item.mainNavItem:first-child { padding-left: 0px !important; } /*Specifications for shadow of Header which is 2px top and bottom and required color*/ .forceCommunityThemeHeaderCompact{ width:100vw !important; padding-left:0 !important; box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15); } /*Div used in footer*/ .divStyle{ position: absolute; width:100vw !important; height:100% !important; bottom: 0 !important; top: 0 !important; } /*The standard template footer class with specifications 1440 x 76.5 and bg color: #FFFFFF*/ .footer{ position:relative; /*display: flex;*/ flex-direction: row; height: 76.5px !important; /*top: auto !important; /*Space between header and footer*/ bottom: 0!important; width: 100% !important; background-color:#FFFFFF !important; margin-top: 150px !important; } .comm-page-article .footer{ position:relative; /*display: flex;*/ flex-direction: row; height: 76.5px !important; /*top: auto !important; /*Space between header and footer*/ bottom: 0!important; width: 100% !important; background-color:#FFFFFF !important; margin-top: 350px !important; } /*Footer items common styling*/ .footerCommon{ position:static; display:inline; font-size:1vw !important; font-weight: normal !important; font-style: normal !important; line-height:21px !important; /*line-to-line gap*/ color:#343D46 !important; padding-top:27.75px !important; padding-bottom:27.75px !important; text-decoration:none !important; } /*Online Privacy notice*/ .item1{ /*width:125px !important;*/ padding-left:3.889vw !important; flex: none; flex-grow: 1; } /*terms of use */ .item2{ /*width:75px;*/ height:21px; padding-left:2.778vw !important; } /*CA Supply chains Act*/ .item3{ width:123px; height:21px; padding-left:2.778vw !important; } /*CA Privacy Rights*/ .item4{ /*width:101px;*/ height:21px; padding-left:2.778vw !important; } /*styling for norton image on footer*/ .norton{ display:inline; /*padding-top:16px !important; padding-bottom:16px !important;*/ padding-top: 0px !important; padding-bottom: 0px !important; padding-left:0 !important; } /*styling for comodo_secure image on footer */ .secure{ display:inline; /*padding-top:16px !important; padding-bottom:16px !important;*/ padding-top: 0px !important; padding-bottom: 0px !important; /*padding-left:2.778vw !important;*/ padding-left: 35px !important; height: 83%; } /*Header-Footer-Ends here*/ /*Login Enhancement story*/ /* backgroungimageforlogin*/ .salesforceIdentityLoginBody2 { /*background-size: 100% 100% !important;*/ /*min-height: 100% !important;*/ /*width: 100% !important;*/ position: absolute !important; font-family: "Aldi_Font_family" !important; } .contentRegion{ min-width: 360px !important; max-width: 400px !important; width: 33.33vw !important; } .cCenterPanel{ top: 10% !important; min-width: 360px !important; max-width: 400px !important; width: 33.33vw !important; bottom: 5% !important; } .cCenterPanel:before{ left: 10px !important; right: 10px !important; top: -40px !important; bottom: -30px !important; } .siteforceDesignTimeEmptyRegion{ display:none !important; } /*by tamil*/ .body .forceTopicFeaturedTopics .featuredTopicHeader{ padding-left: 168px } } /*for Large Screens*/ @media only screen and (min-width: 1401px){ .comm-page-custom-about-you-screen .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{margin-top: 15px !important;} .comm-page-home community_navigation-tile-menu.comm-tile-menu{ display: block; width: 100%; margin-top: 40px; margin-bottom: 25px; } .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column { padding: 0 !important; } .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 28%; margin-right: 168px;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 32px !important; font-weight: normal !important; } /*by tamil in devnus*/ .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff; width: 50% !important; margin-left: 168px} /*be tamil in devus for trend faq width*/ .comm-page-home .comm-topic-trending-articles { width: 78% !important; } /*byu tamil in devus*/ .body .forceTopicFeaturedTopics .featuredTopicHeader{font-size: 32px !important;} /*b y tamil to serch result color in devus*/ a.itemTitle.outputLookupLink.slds-truncate.outputLookupLink-ka07j000000GycYAAS-1610\:0.forceOutputLookup{ color: #0D3A93; font-size: 16px; font-weight: normal; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 32px !important; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 24px !important;} .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{font-size: 16px !important;} /*by tamil*/ .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding-top: 228px !important } .comm-page-home .comm-topic-trending-articles h2 { /*font-size: 22px;*/ letter-spacing: -0.45px; line-height: 28px; margin: 0; /*by tamil to change the trending FAQ title for devus*/ font-weight: normal; font-size: 32px !important; color: #101316; margin-bottom:16px !important; } /*by Tamil for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 75% !important; } .comm-page-home .comm-topic-trending-articles { /*by Tamil to chnage the trent FAQ width for devus*/ margin-bottom: 100px; } .footer > div:first-child{ width: 100%; float:left; } /*by Tamil footer icon position set*/ .footer-icon{ float: right; padding-right: 46px; } /* by Tamil to change the footer content position*/ .footer-content{float:left;} /*added to check the contact us for article page */ .Contactuscss1{ display: inline; padding: 17px; font-style: normal; font-weight: normal !important; font-size: 24px !important; line-height: 28px; } /*added to check the contact us for article page */ .Contactuscss2{ display: inline; padding-top: -56px; padding-top: 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss3{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; display: inline; padding-top: -56px; align-items: center; color: #101316; } /*added to check the contact us for article page */ .Contactuscss4{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss5{ font-style: normal; font-weight: normal; padding-top: 10px !important; width: 60% !important; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: 5px !important; color: #0D3A93;; } /*added by tamil for store location size*/ .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { border: none; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 96px !important; } /* .body.isPageWidthFixed-false{ /*To maintain gap b/w header and footer if content is less*/ /* min-height: calc(100vh - 214px) !important; /*Screen height - (header height + footer height)*/ /*}*/ /* Added by lav for product recall in webform */ .forceCommunityRichText h1 { max-width: 100% !important; font-style: normal !important; font-weight: normal !important; font-size: 24px !important; /*line-height: 28px !important;*/ padding: 20px 20px 20px 168px; /*add by tamil*/ display: flex !important; align-items: center !important; background-color: #FFC800 !important; } /* Added by lav for product recall Read more text color webform */ .forceCommunityRichText a { color: #0D3A93 !important; /*by Tamil*/ font-size: 16px; font-weight: normal; padding-left: 10px; } /*Added by lav for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { font-size: 32px !important; width: 100% !important; text-shadow:none !important ; /*padding-right: 255px !important;*/ } /*Added by lav for setting Tittle size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentTitle { font-size: 16px !important; width: 100% !important; left: 0px !important; top: 38px !important; text-shadow: none !important; /*padding-right: 271px !important;*/ } /*Header-Footer*/ .comm-navigation__top-level-item.mainNavItem:first-child{ /*first child of navigation menu -> Home */ visibility:hidden !important; /*As per requirement Home tab should be hidden/deleted. As deletion is not possible its hidden to user*/ position: relative !important; margin-left: -110px !important; } /*All the Navigation items padding left,top and bottom*/ .forceCommunityThemeNav .mainNavItem{ padding-top: 15px !important; padding-bottom: 32px !important; position:relative !important; } /*Specifications for shadow of Header which is 2px top and bottom and required color*/ .forceCommunityThemeHeaderCompact{ width:100% !important; padding-left:0 !important; box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15); } /* This CSS is for padding around the Navigation items (Home,Addresses etc) */ .forceCommunityThemeNav .mainNavItem .linkBtn{ padding: 0 50px 8px !important; /* Padding-bottom:8px ->between Menu label and active tab border(yellow color) */ } /*Color-black and hiding border of active tab */ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ border-bottom-style: none !important; /*Hiding the standard border provided by salesforce*/ color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; } /*Inserting custom border below active tab*/ .linkBtn.comm-navigation__top-level-item-link--active:after{ content: ""; /*Since we want to display just a div(ie.,border) and not any content below active tab content is empty*/ float: left; /*Its similar to padding-left:0 ie.,specifying from where the border should start*/ background: #FFF; width: 100%; /*This width system takes as width of div in which we are implementing*/ height: 4px; /*Height of border*/ border-radius: 2px; margin-top: 8px; /*Gap between Nav menu label and border should be 8px as mentioned in figma*/ } /*Font style,size,weight,height of Navigation menu items*/ .comm-navigation__menu-item { font-style: normal; font-size:20px; font-weight: 400; line-height:24px !important; display: flex; flex: none; order: 0; flex-grow: 0; } /*Added by lav to shift backtohome to right*/ .forceCommunityThemeNav .mainNavItem .linkBtn { position: relative !important; /*right: -240px !important;*/ right: 0 !important; } /*Logo specifications mentioned : 51.21 x 56*/ .logoImage{ display: flex; /*flex=flexible with other screen sizes. Useful when using for other screen sizes*/ flex-direction: row; /*As screen size decreases,the nav menu items are displayed as a row instead of column*/ align-items: flex-start; position: relative;/*added by lav*/ width:51.21px !important; height:56px !important; left: -216px !important;/*added by lav*/ top: 0 !important; } /*Div of uploaded logo*/ .themeLogo{ margin-right:0px !important; padding-right:60.79px !important;/*Gap between logo and My Account(first nav item) : 60.79px*/ padding-top:0px !important; padding-bottom: 0px !important; padding-left:56px !important; } .divStyle{ /*position: absolute;*/ /*width:100vw !important;*/ /* by Tamil to change the footer style*/ width: 100% !important; height:auto !important; bottom: 0 !important; top: 0 !important; } /*Footer items common styling*/ .footerCommon{ position:static; display:inline; font-size:14px !important; font-weight: normal !important; font-style: normal !important; line-height:21px !important; /*line-to-line gap*/ color:#343D46 !important; padding-top:27.75px !important; padding-bottom:27.75px !important; text-decoration:none !important; } /*The standard template footer class with specifications 76.5 and bg color: #FFFFFF*/ .footer{ position:relative; display: flex; flex-direction: row; height: 76.5px !important; bottom: 0px !important; /*width: 100vw !important;*/ width: 100% !important; background-color:#FFFFFF !important; margin-top: 150px !important; } .comm-page-article .footer{ position:relative; /*display: flex;*/ flex-direction: row; height: 76.5px !important; /*top: auto !important; /*Space between header and footer*/ bottom: 0!important; width: 100% !important; background-color:#FFFFFF !important; margin-top: 350px !important; } /*Online Privacy notice*/ .item1{ /*width:125px !important;*/ padding-left:56px !important; flex: none; flex-grow: 1; } /*terms of use */ .item2{ /*width:75px;*/ height:21px; padding-left:2.778vw !important; } /*CA Supply chains Act*/ .item3{ width:123px; height:21px; padding-left:2.778vw !important; } /*CA Privacy Rights*/ .item4{ /*width:101px;*/ height:21px; padding-left:2.778vw !important; } /*styling for norton image on footer*/ .norton{ display:inline; /*padding-top:16px !important; padding-bottom:16px !important;*/ padding-top: 0px !important; padding-bottom: 0px !important; padding-left:0 !important; } /*styling for comodo_secure image on footer */ .secure{ display:inline; /*padding-top:16px !important; padding-bottom:16px !important;*/ padding-top: 0px !important; padding-bottom: 0px !important; /*padding-left:2.778vw !important;*/ padding-left: 35px !important; height: 83%; } /*Theme Header :1440 x 120 with bg color #FFFFFF*/ .themeHeaderInner .centerAlignLogo-false .showNavMenuOnLeft-true .searchStyle-collapsed{ display: flex; flex-direction: row; align-items: flex-end; position: static; width: 100vw !important; height: 120px; left: 0px; top: 0px; background: #FFFFFF; /* Inside Auto Layout */ flex: none; order: 0; flex-grow: 0; margin: 0 0; /*No margin (top,bottom),(left-right)*/ padding-top: 0 !important; padding-bottom: 0 !important; } /*Header-Footer Ends here*/ /*login,registration pages*/ /* backgroungimageforlogin*/ .salesforceIdentityLoginBody2 { /*background-size: 100% 100% !important;*/ /*min-height: 100% !important;*/ /*width: 100% !important;*/ position: absolute !important; font-family: "Aldi_Font_family" !important; } .contentRegion{ min-width: 380px !important; max-width: 420px !important; width: 33.33vw !important; } .cCenterPanel{ top: 5% !important; min-width: 380px !important; max-width: 420px !important; width: 33.33vw !important; bottom: 3% !important; height: auto !important; } .cCenterPanel:before{ left: 10px !important; right: 10px !important; top: -40px !important; bottom: -30px !important; } .siteforceDesignTimeEmptyRegion{ display:none !important; } /*by tamil to adjust the featutred topic for devus*/ .body .forceTopicFeaturedTopics .featuredTopicHeader{ margin: 0 auto !important; margin-bottom: 16px !important; width: 78% !important; } } /*For Tabs*/ @media only screen and (min-width: 481px) and (max-width: 766px){ community_navigation-tile-menu-ui.comm-tile-menu__ui.slds-grid.slds-wrap.slds-grid_align-center{margin-top:15px;} .comm-page-topic .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{margin-top: 40px !important} .siteforceContentArea .comm-layout-column:not(:empty){ margin-left: unset !important; padding-left: 24px !important; padding-right: 24px !important; width: 93% !important; margin: 0 auto !important; } /*by Tamil in devus*/ .comm-page-home .comm-topic-trending-articles h2{padding-top: 0 !important} footer-content .footerCommon { display: inline-block; padding-left: 0px !important; padding-right: 0px !important; text-align: center; width: 37% !important; } h1.article-head.selfServiceArticleHeaderDetail{font-size: 22px !important} .comm-page-article .footer{margin-top: 300px !important;} .comm-page-article .Contactuscss3 .forceCommunityRichText a{float: right !important; width: 60% !important; padding-top: 5px !important} .comm-page-global-search .selfServiceTopicTrendingArticles42>h2{padding-top: 0 !important} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-article .slds-col--padded.comm-layout-column{ float: none; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } h1.article-head.selfServiceArticleHeaderDetail{ font-size: 24px; } .comm-page-article .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{margin-top: 40px} a.Contactuscss5{float: right !important; width: 60% !important; padding-top:5px !important} .comm-page-article .footer{ margin-top: 340px !important; } .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-article .footer{margin-top: 60px !important;} .comm-page-article .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; } .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-topic .footer{margin-top: 60px !important;} .comm-page-topic .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; } .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 95%; margin-right: 0px;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 24px !important; font-weight: normal !important; } /*by tamil in devnus*/ .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff; width: 95% !important; margin-left: 0px} /*by tamil in devus*/ .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 30px !important} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 95% !important; margin-right: 0 !important; margin: 0 auto !important; padding-left: 16px !important; padding-right: 16px !important; } /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 95% !important; margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 15px !important; padding-left: 16px !important; padding-right: 16px !important; margin-bottom: 40px !important; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 18px !important;} /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal; font-size: 18px !important;} /*by Tamil in devus */ .body.isPageWidthFixed-false{ background-color: #F5F5F6 !important; } /* by tamil in devus*/ .comm-page-home .comm-topic-trending-articles{ width: 78% !important; } .forceCommunityThemeSearch{ position: relative; top: -60px; } /*by tamil for trend mb in devus*/ .comm-page-home .comm-topic-trending-articles{ margin-bottom: 40px !important; } /*By Tamil*/ .forceCommunityThemeHeaderBase{ height: 100% !important; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeHeaderInner { line-height: 4; } /*By Tamil*/ .header .ui-widget{height: 100% !important;} /*By Tamil to change the close button position*/ .forceCommunityThemeHeaderCompact .themeHeaderInner[style] { padding: 25px 12px!important; } /*by Tamil*/ .forceCommunityThemeHeroStarter .searchRegion { width: 95%; } /*by Tamil*/ .forceCommunityRichText.forceCommunityHtmlBlock{ margin-bottom: 40px; } /*by Tamil*/ .comm-tile-menu{ margin-top: 40px; float: left; width: 100%; } /*By Tamil*/ community_navigation-tile-menu-item.slds-size_12-of-12.comm-tile-menu__item.slds-text-align_center.slds-p-around_small { padding-top: 4px; padding-bottom: 4px; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ z-index:9999 !important; } /*by Tamil*/ .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child){ margin-bottom:0 !important; } /*by Tamil*/ .uiOutputRichText{ max-height: 450px; } /*by Tamil*/ .forceCommunityRichText h1{ float: left; position: relative; z-index: 4; top: 0; margin-top: 0px; padding: 16px !important; } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ top: 70px } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ top: 69px !important; } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeNavOverlay{ top: 70px !important; } /*by Tamil*/ /*.siteforceContentArea .comm-layout-column:not(:empty){ padding: 0 !important }*/ /*by Tamil*/ .forceCommunityThemeHeroBase .align-center{ margin-top: 67px !important; } .forceCommunityThemeHeroBase .bgImage, .forceCommunityThemeHeroBase .bgOverlay{ top: 0 !important; } /*by Tamil*/ .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 0 !important } /*by Tamil*/ .hero{ margin-top: -67px !important; padding-top: 0px; background-color: #F5F5F6; height: auto; } .forceCommunityThemeHeaderCompact .themeLogo{ left: 90px !important; top: 15px; } .body .forceTopicFeaturedTopics .featuredTopicHeader{ font-size: 24px !important; } .forceTopicFeaturedTopics .stylingOverrideHook_412a .topicContent{ padding: 0 20px !important } /*by tamil in devus*/ .footer-content .footerCommon{ display: inline-block; padding-left: 0px; padding-right: 0px; text-align: center; width: 37% !important; } /*added to check the contact us for article page */ .Contactuscss1{ display: inline; padding: 17px; font-style: normal; font-weight: normal !important; font-size: 24px !important; line-height: 28px; } /*added to check the contact us for article page */ .Contactuscss2{ display: inline; padding-top: -56px; padding-top: 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss3{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; display: inline; padding-top: -56px; align-items: center; color: #101316; } /*added to check the contact us for article page */ .Contactuscss4{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #0D3A93;; } /*by Tamil*/ .forceCommunityThemeHeroBase .contentCaption{font-size: 24px !important;} /*by Tamil*/ .forceCommunityThemeHeroBase .contentTitle{font-size: 16px !important;} /*by Tamil*/ .comm-tile-menu__item-title[community_navigation-tileMenuItemBanner_tileMenuItemBanner]{ font-size: 18px !important; } /*by Tamil*/ .forceCommunityThemeSearchHero .search-input, .forceCommunityThemeSearchHero .search-input::placeholder{ font-size: 16px !important; color: #71777E !important; } /*by Tamil*/ .slds-size_4-of-12, .slds-size--4-of-12 { width: 100% !important; } /*by Tamil*/ .comm-tile-menu__item-link[community_navigation-tileMenuItem_tileMenuItem]{ max-width: 100% !important; } /*by Tamil to adjust the store location and warranty size*/ .comm-tile-menu__item-link{ max-width: 100% !important; font-size: 18px; } /*by tamil to feature topics size*/ .body .forceTopicFeaturedTopicItem.topicItem{ height: 86px; width: 49% !important; } /*added by tamil for store location size*/ .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { border: none; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 96px !important; } /*added by tamil*/ .forceCommunityRichText h1{ color: #101316; font-weight: normal; font-size: 18px !important; } .visible-links.themeNav-align-left{ width: 90% !important; } /* Added by lav for product recall in webform */ .forceCommunityRichText h1 { max-width: 100% !important; font-style: normal !important; font-weight: normal !important; font-size: 24px !important; line-height: 28px !important; display: block !important; align-items: center !important; background-color: #FFC800 !important; } /* Added by lav for product recall Read more text color webform */ .forceCommunityRichText a { color: #0D3A93 !important; /*by Tamil*/ float:left; width: 100%; } /*Added by lav for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { font-size: 38px !important; width: 100% !important; text-shadow:none !important ; /*padding-right: 255px !important;*/ } /*Added by lav for setting Tittle size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentTitle { font-size: 24px !important; width: 100% !important; left: 0px !important; top: 38px !important; text-shadow: none !important; /*padding-right: 271px !important;*/ } /*Added by lav to make background image squeeze*/ .forceCommunityThemeHeroBase .comm-is-absolute { background-size: 100% 100% !important; } /*Header-footer*/ /*To extend navigation menu on mobile to bottom of screen*/ .forceCommunityThemeHeaderCompact .themeNav { display: block; height: calc(100vh - 48px); background: white; width: 80.3% !important; } /*To give right side margin for navigation menu*/ .forceCommunityThemeNav .mainNavItem .linkBtn{ /* width: 80vw !important;*/ } /*Since home tab is hidden, this is to move My Account tab upwards*/ .comm-navigation__top-level-item.mainNavItem:first-child{ margin-top: -52px !important; } /*Top-Border for first tab i.e.,My Account*/ a[id='1']{ border-top: 2px solid #D6D8DA !important; padding-top: 32px !important; } /*To add a left Arrow for every navigation item*/ a[id='1']:after,a[id='2']:after,a[id='3']:after,a[id='4']:after,a[id='5']:after,a[id='6']:after{ content:'\005E'; font-size: 43px; float: right; transform: rotate(90deg); } /*Color for logout button*/ a[id='7']{ color: #0D3A93 !important; } /*Active tab color*/ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; } .comm-navigation__top-level-item.mainNavItem:first-child{ /*first child of navigation menu -> Home */ visibility:hidden !important; /*As per requirement Home tab should be hidden/deleted. As deletion is not possible its hidden to user*/ position: relative !important; margin-top: -53px !important; } .body.isPageWidthFixed-false { min-height: calc(100vh - 198px) !important; } .divStyle{ /*position: absolute;*/ width:100% !important; height:100% !important; /* max-height:150px !important;*/ bottom: 0 !important; top: 0 !important; } .footer { position: relative !important; width: 100vw !important; height: 150px !important; bottom: 0 !important; left:0; right:0; margin-top: 100px !important; } .item1{ position: absolute !important; width: 43.6% !important; text-align: center !important; line-height: 21px !important; left: 6.4% !important; top: 14.918%; font-size: 14px; padding:5px; } .item2{ position: absolute !important; width:43.6% !important; text-align: center !important; line-height : 21px !important; /*left:60vw !important;*/ right: 6.4%; top: 14.918%; font-size: 14px; padding:5px; } .item3{ position: absolute !important; width:43.6% !important; line-height: 21px !important; right: 6.4% !important; top: 35.897% !important; font-size: 14px; text-align: center !important; padding:5px; } .item4{ position: absolute !important; width: 43.6% !important; line-height: 21px !important; left: 6.4% !important; top: 35.897% !important; font-size: 14px; text-align: center !important; padding: 5px; } .norton{ /*by tamil*/ padding-top:0; padding-bottom:0; width: 80px; height: 44px; top: 64.336%; left: 23.33%; /*padding: 5px;*/ object-fit: scale-down; } .secure{ position: absolute; width: 21.333vw; height: 40px; top: 64.336%; right: 23.33%; /* padding: 5px;*/ object-fit: scale-down; } .logoImage{width:32px !important;} .forceCommunityThemeHeaderCompact .themeLogo{ left: 90px !important; } .forceCommunityThemeHeaderCompact{ box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15); } .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed{padding-left: 19px !important;} /*Font style,size,weight,height of Navigation menu items*/ .comm-navigation__menu-item { font-style: normal; font-size:14px; font-weight: 400; line-height:24px !important; display: flex; flex: none; order: 0; flex-grow: 0; } /*Header-Footer ends here*/ /*Login,registration*/ /* backgroungimageforlogin */ .salesforceIdentityLoginBody2 { /*background-size: 100% 100% !important;*/ /*min-height: 100% !important;*/ /*width: 100% !important;*/ position: absolute !important; font-family: "Aldi_Font_family" !important; } .contentRegion{ min-width: 360px !important; max-width: 400px !important; width: 33.33vw !important; } .cCenterPanel{ top: 3% !important; min-width: 360px !important; max-width: 400px !important; width: 33.33vw !important; bottom: 2% !important; } .cCenterPanel:before{ left: 10px !important; right: 10px !important; top: -40px !important; bottom: -30px !important; } .siteforceDesignTimeEmptyRegion{ display:none !important; } /*by Tamil*/ .comm-tile-menu__item-title[community_navigation-tileMenuItemBanner_tileMenuItemBanner]{ font-size: 18px !important; } /*by Tamil*/ .body .forceTopicFeaturedTopics .topicLabel{ font-size: 16px !important; } } /* For Mobile Screens*/ @media only screen and (max-width:480px){ community_navigation-tile-menu-ui.comm-tile-menu__ui.slds-grid.slds-wrap.slds-grid_align-center{margin-top:15px;} .comm-page-custom-about-you-screen .siteforceThemeLayoutStarter .header .slds-media__body .slds-text-heading_small, .slds-text-heading--small{display: none;} .comm-page-custom-about-you-screen .siteforceContentArea .comm-layout-column:not(:empty){margin-top: 40px !important} /*by tamil to add the style for next button in contact form*/ .actionsRight .slds-button_brand, .slds-button--brand{ font-size: 16px !important; padding: 3px 30px !important; } /*by tamil for contact page*/ .comm-page-custom-about-you-screen .actionsRight .slds-button_neutral, .slds-button--neutral{ color: #101316; border: 1px solid #101316; font-size: 16px; padding: 4px 30px; background-color: #fff; } .comm-page-home .comm-topic-trending-articles h2{padding-top: 0 !important} a.Contactuscss5{float: right !important; width: 60% !important; padding-top:5px !important} footer-content .footerCommon { display: inline-block; padding-left: 0px !important; padding-right: 0px !important; text-align: center; width: 37% !important; } h1.article-head.selfServiceArticleHeaderDetail{font-size: 22px !important} .comm-page-article .footer{margin-top: 300px !important;} .comm-page-article .Contactuscss3 .forceCommunityRichText a{float: right !important; width: 60% !important; padding-top: 5px !important} .comm-page-global-search .selfServiceTopicTrendingArticles42>h2{padding-top: 0 !important} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-article .footer{margin-top: 60px !important;} .comm-page-article .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } a.Contactuscss5{float: right; width: auto !important} .comm-page-article .footer{ margin-top: 340px !important; } .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-articl .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-topic .footer{margin-top: 60px !important;} .comm-page-topic .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 95%; margin-right: 0px;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 24px !important; font-weight: normal !important; } /*by tamil in devnus*/ .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff; width: 95% !important; margin-left: 0px} /*by tamil in devus*/ .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 30px !important} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 95% !important; margin-right: 0 !important; margin: 0 auto !important; padding-left: 16px !important; padding-right: 16px !important; } /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 95% !important; margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 15px !important; padding-left: 16px !important; padding-right: 16px !important; margin-bottom: 40px !important; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 18px !important;} /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal; font-size: 18px !important;} /*by Tamil in devus */ .body.isPageWidthFixed-false{ background-color: #F5F5F6 !important; position: inherit; z-index: 4; margin-top: 6px; } /* by tamil in devus*/ .comm-page-home .comm-topic-trending-articles{ width: 90% !important; } /*by tamil in devus*/ .forceCommunityThemeSearch{ position: relative; top: -60px; } /*by tamil for trend mb in devus*/ .comm-page-home .comm-topic-trending-articles{ margin-bottom: 40px !important; } /*By Tamil*/ .forceCommunityThemeHeaderBase{ height: 100% !important; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeHeaderInner { line-height: 4; } /*By Tamil*/ .header .ui-widget{height: 100% !important;} /*By Tamil to change the close button position*/ .forceCommunityThemeHeaderCompact .themeHeaderInner[style] { padding: 25px 12px!important; } /*by Tamil*/ .forceCommunityThemeHeroStarter .searchRegion { width: 95% !important; } /*by Tamil*/ .forceCommunityRichText.forceCommunityHtmlBlock{ margin-bottom: 40px; } /*By Tamil*/ community_navigation-tile-menu-item.slds-size_12-of-12.comm-tile-menu__item.slds-text-align_center.slds-p-around_small { padding-top: 4px; padding-bottom: 4px; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ z-index:9999 !important; } /*by Tamil*/ .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child){ margin-bottom:0 !important; } /*by Tamil*/ .forceCommunityRichText h1{ position: relative; z-index: 4; top: 0; margin-top: 7px; padding: 16px !important; } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ top: 69px !important; } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ top: 70px } /*by Tamil*/ .forceCommunityThemeHeaderCompact .themeNavOverlay{ top: 70px !important; } /*by Tamil*/ /*.siteforceContentArea .comm-layout-column:not(:empty){ padding: 0 !important }*/ /*by Tamil*/ .forceCommunityThemeHeroBase .align-center{ margin-top: 67px !important; } /*by Tamil*/ .forceCommunityThemeHeroBase .bgImage, .forceCommunityThemeHeroBase .bgOverlay{ top: 0 !important; } .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 0 !important } /*by tamil*/ .header{ height: 67px !important; } .hero{ margin-top: -67px !important; padding-top: 0px; background-color: #F5F5F6; height: auto; } .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { position: absolute; display: inline-table; background-color: transparent; /*padding-right: -150px !important;*/ min-width: -webkit-fill-available; bottom: 0px !important; left: -52px !important; } .forceTopicFeaturedTopics .stylingOverrideHook_412a .topicContent{ padding: 0 20px !important } /*by tamil*/ .comm-tile-menu__image-preview{ height: 72px !important; } .footerCommon{ display: inline-block; padding-left: 24px; padding-right: 24px; text-align: center; width: 48% !important; } /*added to check the contact us for article page */ .Contactuscss1{ display: inline; padding: 17px; font-style: normal; font-weight: normal !important; font-size: 24px !important; line-height: 28px; } /*added to check the contact us for article page */ .Contactuscss2{ display: inline; padding-top: -56px; padding-top: 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss3{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; display: inline; padding-top: -56px; align-items: center; color: #101316; } /*added to check the contact us for article page */ .Contactuscss4{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #0D3A93;; } /*by Tamil*/ .forceCommunityThemeHeroBase .contentCaption{font-size: 24px !important;} /*by Tamil*/ .forceCommunityThemeHeroBase .contentTitle{font-size: 16px !important;} /*by Tamil*/ .comm-tile-menu__item-title[community_navigation-tileMenuItemBanner_tileMenuItemBanner]{ font-size: 18px } /*by Tamil*/ .forceCommunityThemeSearchHero .search-input, .forceCommunityThemeSearchHero .search-input::placeholder{ font-size: 16px !important; color: #71777E !important; } /*by Tamil*/ .body .forceTopicFeaturedTopics .topicLabel{ font-size: 16px !important; color: #101316; padding-bottom: 0; line-height: 3; font-weight: normal; } .comm-tile-menu__item-title[community_navigation-tileMenuItemBanner_tileMenuItemBanner]{ font-size: 18px !important; } /*by Tamil*/ .comm-tile-menu__item-link[community_navigation-tileMenuItem_tileMenuItem]{ max-width: 100% !important; } /*by Tamil*/ .slds-size_4-of-12, .slds-size--4-of-12 { width: 100% !important; } /*by Tamil to adjust the store location and warranty size*/ .comm-tile-menu__item-link{ max-width: 100% !important; font-size: 18px; } /*by tamil to feature topics content */ .forceTopicFeaturedTopics .stylingOverrideHook_672a .topicContent .topicLabel { text-align: center; font-size: 16px; color: #101316; font-weight: normal; } /*by tamil to feature topics size*/ .body .forceTopicFeaturedTopicItem.topicItem{ width: 49% !important; } .visible-links.themeNav-align-left{ width: 90% !important; } .forceCommunityThemeHeroBase .bgImage, .forceCommunityThemeHeroBase .bgOverlay { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; position: absolute !important; top: 0px !important; } /* Added by lav for product recall in webform */ .forceCommunityRichText h1 { max-width: 100% !important; font-style: normal !important; font-weight: normal !important; font-size: 18px !important; line-height: 22px !important; display: block !important; align-items: center !important; background-color: #FFC800 !important; height: 112px !important; /*by Tamil*/ padding: 24px 16px; color: #101316; } /*by Tamil to adjust the store location and warranty size*/ .comm-tile-menu__item-link[community_navigation-tileMenuItem_tileMenuItem]{ max-width: 100% !important; font-size: 18px; } /* Added by lav for product recall Read more text color webform */ .forceCommunityRichText a { color: #0D3A93 !important; /* by Tamil */ float:left; width: 100%; padding-top: 10px; } /*Added by lav for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { font-size: 24px !important; /*width: 1104px !important;*/ width: 100% !important; text-shadow:none !important; /* padding-right: 744px !important;*/ line-height: 28px !important; } /*Added by lav for setting Tittle size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentTitle { font-size: 16px !important; width: 100% !important; /*width: 1104px !important;*/ left: 0px !important; top: 38px !important; text-shadow: none !important; /* padding-right: 744px !important;*/ line-height: 24px !important; } /*Login,registration*/ .salesforceIdentityLoginBody2{ background:hidden !important; } .contentRegion{ width: 100% !important; height: 100% !important; } .cCenterPanel{ width: 100vw !important; max-width: fit-content !important; height: 88vh !important; bottom: 0 !important; } .slds-col--padded.contentRegion.comm-layout-column{ padding-left: 0 !important; padding-right: 0 !important; } .cCenterPanel:before{ top:-7% !important; left: 0px !important; right: 0px !important; } /*Header-footer starts here*/ .comm-navigation__top-level-item.mainNavItem:first-child{ /*first child of navigation menu -> Home */ visibility:hidden !important; /*As per requirement Home tab should be hidden/deleted. As deletion is not possible its hidden to user*/ position: relative !important; margin-top:-53px !important; } .divStyle{ /*position: absolute;*/ /*by Tamil*/ position: relative; width:100% !important; height:26.8125vh !important; max-height:150px !important; bottom: 0 !important; top: 0 !important; } .footer { position: relative !important; width: 100vw !important; height: 26.8125vh !important; max-height:150px !important; bottom: 0 !important; left:0; right:0; margin-top: 100px !important; } .item1{ position: absolute !important; width: 43.6% !important; text-align: center !important; line-height: 21px !important; left: 6.4% !important; top: 14.918%; font-size: 3.733vw; padding:5px; } .item2{ position: absolute !important; width:43.6% !important; text-align: center !important; line-height : 21px !important; right: 6.4%; top: 14.918%; font-size: 3.733vw; padding:5px; } .item3{ position: absolute !important; width:43.6% !important; line-height: 21px !important; right: 6.4% !important; top: 35.897% !important; font-size: 3.733vw; text-align: center !important; padding:5px; } .item4{ position: absolute !important; width: 43.6% !important; line-height: 21px !important; left: 6.4% !important; top: 35.897% !important; font-size: 3.733vw; text-align: center !important; padding: 5px; } .norton{ position: absolute !important; /*by tamil*/ padding-top:0; padding-bottom:0; width: 80px; height: 44px; top: 64.336%; left: 23.33%; padding: 5px; object-fit: scale-down; } .secure{ position: absolute; width: 21.333vw; height: 11.867vw; top: 64.336%; right: 23.33%; padding: 5px; object-fit: scale-down; } .logoImage{width:32px !important;} .forceCommunityThemeHeaderCompact .themeLogo{ left: 90px !important; top: 15px; } .forceCommunityThemeHeaderCompact{ box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15); } .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed{ padding-left: 19px !important; } .body.isPageWidthFixed-false { min-height: calc(100vh - 198px); /*by Tamil*/ float:left; width: 100%; } /*To extend navigation menu on mobile to bottom of screen*/ .forceCommunityThemeHeaderCompact .themeNav { display: block; height: calc(100vh - 48px); background: white; width: 80.3% !important; } /*To give right side margin for navigation menu*/ .forceCommunityThemeNav .mainNavItem .linkBtn{ width: 80vw !important; } /*Since home tab is hidden, this is to move My Account tab upwards*/ .comm-navigation__top-level-item.mainNavItem:first-child{ margin-top: -52px !important; } /*Top-Border for first tab i.e.,My Account*/ a[id='1']{ border-top: 2px solid #D6D8DA !important; padding-top: 32px !important; } /*To add a left Arrow for every navigation item*/ a[id='1']:after,a[id='2']:after,a[id='3']:after,a[id='4']:after,a[id='5']:after,a[id='6']:after{ content:'\005E'; font-size: 43px; float: right; transform: rotate(90deg); } /*Color for logout button*/ a[id='7']{ color: #0D3A93 !important; } /*Active tab color*/ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ color: #0079CB !important; } .slds-theme--success.slds-notify--toast.slds-notify.slds-notify--toast.forceToastMessage{ width: 50vw !important; } } /*this is for Tab media query*/ @media only screen and (width: 768px) and (height: 1024px){ community_navigation-tile-menu-ui.comm-tile-menu__ui.slds-grid.slds-wrap.slds-grid_align-center{margin-top:15px;} /*by tamil for contact page*/ .comm-page-custom-about-you-screen .actionsRight .slds-button_neutral, .slds-button--neutral{ color: #101316; border: 1px solid #101316; font-size: 16px; padding: 3px 30px; background-color: #fff; } .comm-page-custom-about-you-screen .siteforceThemeLayoutStarter .header .slds-media__body .slds-text-heading_small, .slds-text-heading--small{display: none;} .comm-page-custom-about-you-screen .siteforceContentArea .comm-layout-column:not(:empty){margin-top: 40px !important} .comm-page-custom-about-you-screen .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{ display: flex; flex-direction: column-reverse; } .siteforceContentArea .comm-layout-column:not(:empty){ margin-left: unset !important; padding-left: 24px !important; padding-right: 24px !important; width: 93% !important; margin: 0 auto !important; } /*by tamil to add the style for next button in contact form*/ .actionsRight .slds-button_brand, .slds-button--brand{ font-size: 16px !important; padding: 4px 30px !important; } a.Contactuscss5{float: right !important; width: 60% !important; padding-top:5px !important} .comm-page-article a.Contactuscss5{padding-top: 5px} .contact-section{width: 50%;} .comm-page-article .contact-section .forceCommunityRichText a { float: right !important; width: 55% !important; padding-top: 5px; } .comm-page-global-search .selfServiceTopicTrendingArticles42>h2{padding-top: 0 !important} .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column{margin-left: 0 !important; padding: 0 !important; width: 100% !important} h1.article-head.selfServiceArticleHeaderDetail{ font-size: 24px; } .comm-page-article .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{margin-top: 40px} .comm-page-article .footer{ margin-top: 340px !important; } .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} .selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-topic .footer{margin-top: 60px !important;} .comm-page-topic .slds-col--padded.comm-layout-column{ float: left; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 95%; margin-right: 0px;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 24px !important; font-weight: normal !important; } /*by tamil in devnus*/ .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff; width: 95% !important; margin-left: 0px} /*by Tamil in devus*/ p.slds-truncate.slds-p-bottom--xxx-small{white-space: pre-wrap !important;} /*by Tamil in devuis*/ .slds-show_inline-block, .slds-show--inline-block{float: left !important} /*by Tamil in devus*/ .slds-show--inline-block.searchResultsSummary.slds-text-body--small.slds-text-color--weak{float:left} /*by tamil in devus */ .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap{flex-wrap: wrap !important;} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 95% !important; margin-right: 0 !important; margin: 0 auto !important; } /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 95% !important; margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 40px !important; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 18px !important;} /*by tamil in devus*/ .body .forceTopicFeaturedTopics .featuredTopicHeader{padding-left: 10px !important;} /*by tamil in devus*/ .body .forceTopicFeaturedTopics .topicLabel{ font-size: 16px !important; color: #101316 !important; font-weight: normal !important; } .body .forceTopicFeaturedTopicItem.topicItem{ width: 25% !important; } /*by Tamil in devus*/ .forceCommunityThemeHeroBase .content{ width: 100% !important; } /*by Tamil in devus*/ .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter { padding: 216px 30px !important; } .comm-page-home .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter { padding: 217px 30px !important; } /*by Tamil for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 65% !important; } /* header portion*/ .forceCommunityThemeHeaderCompact .comm-hide{ display: block !important; } .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ display: block !important; } /*added to check the contact us for article page */ .Contactuscss1{ display: inline; padding-top: -56px; padding: 17px; font-style: normal; font-weight: normal; font-size: 24px !important; line-height: 28px; } /*added to check the contact us for article page */ .Contactuscss2{ display: inline; padding-top: -56px; padding-top: 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss3{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; display: inline; padding-top: -56px; align-items: center; color: #101316; } /*added to check the contact us for article page */ .Contactuscss4{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #101316; } /*added to check the contact us for article page */ .Contactuscss5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #0D3A93;; } /*added by tamil for store location size*/ .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { border: none; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 96px !important; } div[data-item-id='0bde7d0b-3ad3-445c-a120-0ddde28d0e82']{ width: 100% !important; min-width: fit-content !important; } /* Added by lav for product recall in webform */ .forceCommunityRichText h1 { max-width: 100% !important; font-style: normal !important; font-weight: normal !important; font-size: 24px !important; line-height: 28px !important; display: flex !important; align-items: center !important; background-color: #FFC800 !important; } /* Added by lav for product recall Read more text color webform */ .forceCommunityRichText a { color: #0D3A93 !important; } /*Added by lav for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { font-size: 32px !important; width: 100% !important; text-shadow:none !important ; } /*Added by lav for setting Tittle size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentTitle { font-size: 16px !important; width: 100% !important; left: 0px !important; top: 38px !important; text-shadow: none !important; } .body.isPageWidthFixed-false { min-height: calc(100vh - 198px) !important; } .divStyle{ position: absolute; width:100vw !important; max-height:150px !important; bottom: 0 !important; top: 0 !important; } .footer { position: relative !important; width: 100vw !important; max-height: 150px !important; bottom: 0px !important; left: 0; right: 0; margin-top: 100px !important; } /*styling for norton image on footer*/ .norton{ display:inline; padding-top:16px !important; padding-bottom:16px !important; padding-left:0px !important; } /*styling for comodo_secure image on footer */ .secure{ display:inline; padding-top:16px !important; padding-bottom:16px !important; padding-left:2.778vw !important; } /*Header-Footer*/ .comm-navigation__top-level-item.mainNavItem:first-child{ /*first child of navigation menu -> Home */ visibility:hidden !important; /*As per requirement Home tab should be hidden/deleted. As deletion is not possible its hidden to user*/ position: relative !important; margin-left: -110px !important; } /* This CSS is for padding around the Navigation items (Home,Addresses etc) */ .forceCommunityThemeNav .mainNavItem .linkBtn{ padding: 0 0px 0px !important; /* Padding-bottom:8px ->between Menu label and active tab border(yellow color) */ } /*Color-black and hiding border of active tab */ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ border-bottom-style: none !important; /*Hiding the standard border provided by salesforce*/ color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; } /*Inserting custom border below active tab*/ .linkBtn.comm-navigation__top-level-item-link--active:after{ content: ""; /*Since we want to display just a div(ie.,border) and not any content below active tab content is empty*/ float: left; /*Its similar to padding-left:0 ie.,specifying from where the border should start*/ background: #FFC800; width: 100%; /*This width system takes as width of div in which we are implementing*/ height: 4px; /*Height of border*/ border-radius: 2px; margin-top: 6px; /*Gap between Nav menu label and border should be 8px as mentioned in figma*/ } /*Font style,size,weight,height of Navigation menu items*/ .comm-navigation__menu-item { font-style: normal; font-size:10px; font-weight: 400; line-height:70px !important; display: flex; flex: none; order: 0; flex-grow: 0; } .logoImage { width: 32px !important; margin-right: 17px; } .forceCommunityThemeNav .mainNavItem { padding-left: 15px !important; position: relative !important; white-space: nowrap; } .visible-links.themeNav-align-left{ width: auto !important; } .forceCommunityThemeNav.themeNavContainer.navMenuType-expanded.doneRendering{ width: aut0 !important; } } /*adedd for top articleeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/ .body .forceTopicFeaturedTopics { /*by tamil for devus*/ background: #F5F5F6; margin: 0; padding: 18px 16px 16px; } .body .forceTopicFeaturedTopics .featuredTopicHeader { font-size: 22px; letter-spacing: .5px; line-height: 28px; margin: 0 0 17px; text-align: center; text-transform: none; } .body .forceTopicFeaturedTopics .topicList { display: flex; flex-wrap: wrap; justify-content: space-between; } .body .forceTopicFeaturedTopicItem.topicItem { height: 100px !important; padding: 6px; width: 50%; } .body .forceTopicFeaturedTopicItem.topicItem a { border-radius: 13px !important; -webkit-box-shadow: 0 0 8px 0 #ecebea; -moz-box-shadow: 0 0 8px 0 #ecebea; box-shadow: 0 0 8px 0 #ecebea; position: relative; -webkit-transition: ease-in-out .2s all; -moz-transition: ease-in-out .2s all; transition: ease-in-out .2s all; } .body .forceTopicFeaturedTopicItem.topicItem a:hover { -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.13); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.13); box-shadow: 0 0 8px 0 rgba(0,0,0,0.13); } .body .forceTopicFeaturedTopicItem .topicImage { background-size: contain; height: 36%; left: 50%; margin: 0 auto 0; position: absolute; top: 30%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 36%; z-index: 1; } .body .forceTopicFeaturedTopics .topicLabel { font-size: 12px; font-weight: 700; line-height: 1.2; min-height: 37px !important; padding: 0 5px 11px; width: 100% !important; } /*second css part by shubhojit------------------------------------------------------------*/ body{ background-color:#FFFFFF; background-attachment: fixed; background-size: cover } .body .forceTopicFeaturedTopics { background: white; margin: 0; padding: 18px 16px 16px; } .body .forceTopicFeaturedTopics .featuredTopicHeader { /*font-size: 22px;*/ letter-spacing: .5px; line-height: 28px; margin: 0 0 17px; text-align: center; text-transform: none; /*by Tamil*/ width: 100%; text-align: left; font-weight: normal; font-size: 32px; margin-left: px; } .body .forceTopicFeaturedTopics .topicList { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ /*by tamil to center the featured topics*/ justify-content: center; width: 100%; } .body .forceTopicFeaturedTopicItem.topicItem { height: 115px; padding: 6px; width: 50%; } .body .forceTopicFeaturedTopicItem.topicItem a { border-radius: 8px !important; -webkit-box-shadow: 0 0 8px 0 #ecebea; -moz-box-shadow: 0 0 8px 0 #ecebea; box-shadow: 0 0 8px 0 #ecebea; position: relative; -webkit-transition: ease-in-out .2s all; -moz-transition: ease-in-out .2s all; transition: ease-in-out .2s all; } .body .forceTopicFeaturedTopicItem.topicItem a:hover { -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.13); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.13); box-shadow: 0 0 8px 0 rgba(0,0,0,0.13); } .body .forceTopicFeaturedTopicItem .topicImage { background-size: contain; /*height: 36%;*/ left: 50%; margin: 0 auto 0; position: absolute; top: 30%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*width: 36%;*/ z-index: 1; /*by Tamil to chnage icon width and height*/ width: 24px; height: 24px; } .body .forceTopicFeaturedTopics .topicLabel { font-size: 12px; font-weight: 700; line-height: 1.3em; min-height: 30px; padding: 0 5px 11px; width: 100% !important; } .comm-page-home .comm-topic-trending-articles { display: block; padding: 18px 16px 20px; /*by Tamil to chnage the trent FAQ width for devus*/ margin: 0 auto; width: 80%; background-color: #fff; margin-bottom: 100px; } .comm-page-home .comm-topic-trending-articles h2 { /*font-size: 22px;*/ letter-spacing: -0.45px; line-height: 28px; margin: 0; /*by tamil to change the trending FAQ title for devus*/ font-weight: normal; font-size: 32px !important; color: #101316; margin-bottom:16px !important; } .comm-page-home .comm-topic-trending-articles .slds-grid--vertical a { border-bottom: 1px solid #DCDDE1; /*padding: 22px 0;*/ /*by Tamil for devus*/ padding: 16px 0; } .comm-page-home .comm-topic-trending-articles .slds-show { font-size: 24px; line-height: 23px; } element.style { border-radius: 20px; background-image: linear-gradient(to top, rgb(255,255,255) 65%, rgb(19, 42, 186) 65%); } .comm-tile-menu__item-tile[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { max-height: 115px !important; } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .comm-page-topic .slds-col--padded.comm-layout-column, .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .comm-page-article .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-article .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{margin-top: 40px !important} .comm-page-custom-about-you-screen .actionsRight .slds-button_neutral, .slds-button--neutral{ color: #101316; border: 1px solid #101316; font-size: 16px; padding: 4px 30px; background-color: #fff; } .comm-page-custom-about-you-screen .siteforceThemeLayoutStarter .header .slds-media__body .slds-text-heading_small, .slds-text-heading--small{display: none;} .comm-page-custom-about-you-screen .siteforceContentArea .comm-layout-column:not(:empty){margin-top: 40px !important} .comm-page-custom-about-you-screen .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{ display: flex; flex-direction: column-reverse; } .siteforceContentArea .comm-layout-column:not(:empty){ margin-left: unset !important; padding-left: 24px !important; padding-right: 24px !important; width: 93% !important; margin: 0 auto !important; } /*by tamil to add the style for next button in contact form*/ .actionsRight .slds-button_brand, .slds-button--brand{ font-size: 16px; background-color: #FFC800; padding: 16px 56px; } .comm-page-home .comm-topic-trending-articles h2{padding-top: 0 !important} a.Contactuscss5{float: right !important; width: 60% !important; padding-top:5px !important} h1.article-head.selfServiceArticleHeaderDetail{font-size: 22px !important} .comm-page-home .forceCommunityRichText h1{margin-top: 0 !important;} .comm-page-global-search .selfServiceTopicTrendingArticles42>h2{padding-top: 0 !important} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .comm-page-article .footer{margin-top: 300px !important;} .comm-page-article .Contactuscss3 .forceCommunityRichText a{float: right !important; width: 60% !important} .comm-page-article .slds-col--padded.comm-layout-column{ float: none; margin-left: 16px; width: 91%; padding-left: 16px !important; padding-right: 16px !important; margin-right: 16px !important; margin-bottom: 30px; } .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 24px !important; font-weight: normal !important; } /*by tamil in devnus*/ .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{background-color: #fff; width: 95% !important; margin-left: 0px} /*by tamil in devus*/ .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 30px !important} /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ width: 95% !important; margin-right: 0 !important; margin: 0 auto !important; } /*by tamil in devus*/ .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 95% !important; margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 40px !important; } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*by Tamil in devus*/ span.slds-text-body_small.slds-show{font-size: 16px !important;} /*by Tamil in devus*/ .selfServiceTopicTrendingArticles42>h2{font-weight: normal !important; font-size: 18px !important;} /*by Tamil in devus */ .body.isPageWidthFixed-false{ background-color: #F5F5F6 !important; } /* by tamil in devus*/ .comm-page-home .comm-topic-trending-articles{ width: 90%; } /*by tamil for trend mb in devus*/ .comm-page-home .comm-topic-trending-articles{ margin-bottom: 40px !important; } /*by tamil to chnage featured topic color for devus*/ .comm-page-home .comm-topic-trending-articles h2{ font-size: 24px !important; } /*By Tamil*/ .forceCommunityThemeHeaderBase{ height: 100% !important; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeHeaderInner { line-height: 4; } /*By Tamil*/ .header .ui-widget{height: 100% !important;} /*By Tamil to change the close button position*/ .forceCommunityThemeHeaderCompact .themeHeaderInner[style] { padding: 25px 12px!important; } /*By Tamil*/ community_navigation-tile-menu-item.slds-size_12-of-12.comm-tile-menu__item.slds-text-align_center.slds-p-around_small { padding-top: 4px; padding-bottom: 4px; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeNav{ z-index:9999 !important; } /*by Tamil*/ .uiOutputRichText{ max-height: 450px; } .header{ height: 67px !important; } /*by Tamil*/ .body .forceTopicFeaturedTopics .featuredTopicHeader{ font-size: 24px !important; } /*by Tamil*/ .forceTopicFeaturedTopics .stylingOverrideHook_412a .topicContent{ padding: 0 20px !important } /*by tamil*/ .comm-tile-menu__image-preview{ height: 72px !important; } /*by Tamil, adjust footer content size*/ footer-content .footerCommon { display: inline-block; padding-left: 0px !important; padding-right: 0px !important; text-align: center; width: 37% !important; } /*by Tamil*/ .forceCommunityThemeHeroBase .contentCaption{font-size: 24px !important;} /*by Tamil*/ .forceCommunityThemeHeroBase .contentTitle{font-size: 16px !important;} /*by Tamil*/ .comm-tile-menu__item-title[community_navigation-tileMenuItemBanner_tileMenuItemBanner]{ font-size: 18px } /*by Tamil*/ .forceCommunityThemeSearchHero .search-input, .forceCommunityThemeSearchHero .search-input::placeholder{ font-size: 16px !important; color: #71777E !important; } /*by Tamil*/ .body .forceTopicFeaturedTopicItem.topicItem { height: 86px; width: 49% !important; } /*by Tamil*/ .comm-tile-menu__item-link[community_navigation-tileMenuItem_tileMenuItem]{ max-width: 100% !important; } /*by Tamil*/ .slds-size_4-of-12, .slds-size--4-of-12 { width: 100% !important; } .visible-links { position: relative; right: 0%; } /*by Tamil*/ .body .forceTopicFeaturedTopics .topicLabel{ font-size: 16px !important; color: #101316; padding-bottom: 0; line-height: 16px; font-weight: normal; } } @media only screen and (min-width: 640px) { .comm-page-custom-about-you-screen .siteforceThemeLayoutStarter .header .slds-media__body .slds-text-heading_small, .slds-text-heading--small{display: none;} .comm-page-custom-about-you-screen .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{ display: flex; flex-direction: column-reverse; } footer-content .footerCommon { display: inline-block; padding-left: 0px !important; padding-right: 0px !important; text-align: center; width: 37% !important; } .selfServiceArticleListItem .footer{margin-top: 0 !important} .forceCommunityHeadline .headlineTitle{ text-align: left; font-size: 24px; font-weight: normal } /*by tamil in devus*/ .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*by Tamil in devus */ .body.isPageWidthFixed-false{ background-color: #F5F5F6 !important; } /* by tamil in devus*/ .comm-page-home .comm-topic-trending-articles{ width: 90%; } /*by tamil for trend mb in devus*/ .comm-page-home .comm-topic-trending-articles{ margin-bottom: 40px !important; } .body .forceTopicFeaturedTopicItem.topicItem { width: 33.333%; } /*By Tamil*/ .forceCommunityThemeHeaderBase{ height: 100% !important; } /*By Tamil*/ .forceCommunityThemeHeaderCompact .themeHeaderInner { line-height: 4; } /*By Tamil*/ .header .ui-widget{height: 100% !important;} } @media only screen and (min-width: 48em) { .body .forceTopicFeaturedTopics { padding: 11px 0px 50px; } .body .forceTopicFeaturedTopics .featuredTopicHeader { font-size: 24px; line-height: 36px; /*margin-bottom: 20px;*/ /* by Tamil*/ margin-bottom: 12px; } .body .forceTopicFeaturedTopicItem.topicItem { height: 120px; width: 16.6666%; } .body .forceTopicFeaturedTopics .topicLabel { font-size: 11px; line-height: 1.3em; min-height: 42px; padding-bottom: 7px; } } @media only screen and (min-width: 992px) { .comm-page-custom-about-you-screen .siteforceContentArea .comm-layout-column:not(:empty){margin-top: 40px !important} .body .forceTopicFeaturedTopicItem.topicItem { /* height: 134px; padding: 7px;*/ /* by Tamil to featured topics box size*/ height: 99px; width: 20%; padding: 7px 7px 7px 16px; } .body .forceTopicFeaturedTopics .topicLabel { /*font-size: 12px;*/ font-size: 20px; min-height: unset; padding-bottom: 0px; line-height: 2.3; /*by tamil*/ color: #101316; font-weight: normal; } } /*@media only screen and (min-width: 48em) { .body .slds-text-heading_label, .body .slds-text-heading--label { font-size: 16px; } }*/