/* @import url("/sfsites/c/resource/CIAM_CustomCssOverridewebform"); */ @font-face { font-family: 'Aldi_Font_family'; src: url('/sfsites/c/resource/CIAM_Aldi_Sued_Fonts/ALDI_SUED_OT_Cn.otf'), url('/sfsites/c/resource/CIAM_Aldi_Sued_Fonts/ALDI_SUED_OT_Regular.otf'), url('/sfsites/c/resource/CIAM_Aldi_Sued_Fonts/ALDI_SUED_OT_Bold.otf'); } @font-face{ font-family: 'ALDI SÜD Office Bold'; src: url('/sfsites/c/resource/CIAM_Aldi_Sued_Fonts/ALDI_SUED_OT_Bold.otf'); } @font-face{ font-family: 'ALDI SÜD Office Regular'; src: url('/sfsites/c/resource/CIAM_Aldi_Sued_Fonts/ALDI_SUED_OT_Regular.otf'); } .comm-page-custom-about-you-screen .flowruntime-input.slds-form-element lightning-formatted-rich-text.slds-rich-text-editor__output span p{color: red !important} @media only screen and (min-width: 768px) and (max-width: 1024px){ .comm-page-custom-gift-card-balance .giftCardPageBody .banner .bannerImg{ max-width:100% !important; } } .comm-page-custom-gift-card-balance .giftCardPageBody{ padding:10px; } .comm-page-custom-gift-card-balance .banner { /*background:#344384;*/ color: white; width:100%; } .comm-page-custom-gift-card-balance .banner .bannerText{ font-family:'ALDI SÜD Office Bold'; color:#4A4A4A; font-size:20px !important ; text-align:left !important; } .comm-page-custom-gift-card-balance .giftcardbody { font-family:'ALDI SÜD Office Regular'; font-size:15px !important; color: #4A4A4A !important; } @media only screen and (max-width: 576px){ .comm-page-custom-gift-card-balance .banner .bannerText{ font-size:18px !important ; } } body.null.comm-page-custom-gift-card-balance{background-color:transparent !important;} body.null.comm-page-custom-gift-card-balance .themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-false.siteforceThemeLayoutStarter{background-color:transparent !important;} .comm-page-custom-about-you-screen .field-element .container{clear:left;} .comm-page-custom-about-you-screen lightning-formatted-rich-text.slds-rich-text-editor__output{width: 100%;} .comm-page-custom-about-you-screen div#input-error-1-132 lightning-formatted-rich-text.slds-rich-text-editor__output span p{color: rgb(234, 0, 30) !important} .comm-page-custom-about-you-screen legend.slds-form-element__legend.slds-form-element__label{display: flex;} .comm-page-custom-about-you-screen lightning-input.flowruntime-inline.slds-form-element.slds-has-error{display: block; float: left;} .comm-page-custom-about-you-screen .flowruntime-inline{padding-top:0 !important; float: left;} .comm-page-custom-about-you-screen .flowruntime-inline-container{width: 100%; float: left;} .comm-page-custom-about-you-screen ul.slds-listbox.slds-listbox_vertical{position: relative;} .comm-tile-menu__image-preview.community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout{height: 96px !important;} .comm-tile-menu__item-banner.community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout{width: 100% !important;} .flow-radio-button-error span{font-size: 14px;} .comm-page-custom-about-you-screen .slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right ::placeholder {color: #000 !important;} .comm-page-custom-about-you-screen .slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_left-right.backgrnd input, .comm-page-custom-about-you-screen p, .comm-page-custom-about-you-screen .slds-form-element__label, .slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right .slds-combobox__input{color:#000 !important; opacity:1 !important;} /*.forceCommunityThemeNav.websterInnerHeader .mainNavItem .linkBtn{padding-bottom:0 !important;}*/ li.mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item:nth-child(1){display: none;} .forceCommunityThemeHeaderCompact .themeNav, .themeNav>div, nav.websterInnerHeader.commThemeCmp.comm-navigation.themeNavContainer.navMenuType-expanded.alignPanel-left.forceCommunityThemeNav.doneRendering, ul.visible-links.themeNav-align-right{height: 100%; align-items: center;} .themeNavTriggerContainer{display: none !important;} .themeNavTriggerContainer{line-height: 0;} /*============== For embedded video ===========*/ .slds-rich-text-editor__output.uiOutputRichText.forceOutputRichText iframe { width: 100%; display: block; } .slds-col--padded.comm-layout-column>div, .slds-col--padded.comm-content-header.comm-layout-column>div{width: 100%;} .slds-align_absolute-center{display: none;} .slds-tile.kbStencilRecord{margin-left: 0;} .comm-page-global-search li.kbResultStencil.slds-item.slds-p-vertical--small.slds-p-horizontal--large.slds-theme--default.forceRecordLayout{padding: 24px 0 !important;} ul.slds-list--horizontal.slds-wrap.slds-has-dividers--right li:nth-child(2){display: none;} .comm-page-home community_navigation-tile-menu.comm-tile-menu{ display: block; width: 100%; /*float:left;*/ background: rgb(212, 212, 212); } .comm-page-global-search .slds-has-dividers--bottom.uiAbstractList{padding:0 !important;} .comm-page-global-search ul.dropdown__list.slds-dropdown__list.slds-dropdown_length-with-icon-10 li:nth-child(3), .comm-page-global-search ul.dropdown__list.slds-dropdown__list.slds-dropdown_length-with-icon-10 li:nth-child(4){display: none;} .slds-grid.slds-wrap.slds-large-nowrap{flex-wrap: unset; margin:0 0px;} .comm-page-global-search .slds-page-header.slds-page-header_joined.slds-is-relative.forceSearchSearchResultsGridHeader{padding: 24px 0;} .slds-has-dividers--bottom.uiAbstractList{padding: 0 24px;} .comm-page-global-search .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child, .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{background-color: unset !important} .comm-page-global-search li.kbResultStencil.slds-item.slds-var-p-vertical_small.slds-var-p-horizontal_large.slds-theme--default.forceRecordLayout{padding:24px 0} .body.isPageWidthFixed-false{margin-bottom: 0px; float:left; min-height: auto !important; width: 100%;} .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column .ui-widget:nth-child(3){float: left; width: 100%;} .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child, .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{width: 100% !important} .body .forceTopicFeaturedTopics .topicLabel{font-size: 20px !important; min-height: 37px !important;} community_navigation-tile-menu-item.comm-tile-menu__item.slds-text-align_center.slds-p-around_small.slds-size_3-of-12{width: 20% !important} .comm-tile-menu__item-link[community_navigation-tileMenuItem_tileMenuItem] {max-width: 100% !important; font-size: 18px;} .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child, .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child { background-color: #fff !important; padding: 0 24px; } .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child {display: inline-table; width: 100%} .slds-grid--vertical.slds-wrap.slds-has-block-links {width: 100%;} .comm-page-global-search .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12, .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column>div:first-child { padding: 0 24px; background-color: #fff; } .slds-grid--vertical {background-color: #fff;} .comm-page-article .slds-col--padded.comm-layout-column:nth-child(3) {background-color: #fff;} .comm-page-article .footer { position: relative; flex-direction: row; height: 76.5px !important; bottom: 0!important; width: 100% !important; /*background-color: #FFFFFF !important; margin-top: 300px !important;*/ } /*.forceCommunityThemeNav .mainNavItem { padding-left: 56px !important; padding-top: 0px !important; padding-bottom: 0px !important; position: relative !important; padding-right: 56px !important; font-size: 20px !important; }*/ /*Div used in footer*/ .divStyle { padding-left: 16px; width: 100%!important; padding-bottom: 0px; float: left; } .footer-content {float: left; line-height: 6; width: 100%;} /*added for tooltip*/ .slds-popover { position: relative; border-radius: .25rem; width: 20rem; min-height: 2rem; z-index: 6000; background-color: #fff; display: inline-block; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16); border: 1px solid #d9dbdd; } .slds-popover__body, .slds-popover__footer, .slds-popover__header { position: relative; padding: .5rem .75rem; word-wrap: break-word; } .slds-popover--tooltip .slds-popover__body, .slds-popover_tooltip .slds-popover__body { font-size: .75rem; color: #fff } .slds-popover--tooltip, .slds-popover_tooltip { width: auto; max-width: 20rem; background: #16325c; border: 0; } .phoneno,.chat {float: left; width: 40%; font-size: 16px;} a.Contactuscss5 { float: left !important; width: 50% !important; padding-top: 5px !important; padding-left: 0 !important; } .comm-navigation__menu-item {line-height: 40;} /*.themeHeader.forceCommunityThemeHeaderBase.forceCommunityThemeHeaderCompact {padding-right: 0 !important; float:left; width: 100%;}*/ .body .forceTopicFeaturedTopics {background: #F5F5F6 !important; margin-bottom: 40px; margin-top: 0px; float: left; width: 100%;} .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] {border-radius: 8px !important;} .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {padding: 70px 30px !important;} /*.forceCommunityThemeHeroBase .bgImage,.forceCommunityThemeHeroBase .bgOverlay { background: #F5F5F6 url(/helpcenterau/s/sfsites/c/file-asset/image_51?v=1) center /cover !important; /* background: cyan; background-repeat: no-repeat !important; background-size: 100% 100% !important; }*/ span.slds-text-body_small.slds-show {font-size: 16px !important;} .body .forceTopicFeaturedTopicItem.topicItem { height: 100px !important; width: 19.7%; padding: 8px 8px 8px 8px !important; } .body .forceTopicFeaturedTopicItem.topicItem a:hover {box-shadow: 0 0 8px 0 rgb(0 0 0 / 13%);} .body .forceTopicFeaturedTopicItem.topicItem a { border-radius: 8px !important; box-shadow: 0 0 8px 0 #ecebea; position: relative; background-color: #fff; } .comm-page-home .comm-topic-trending-articles { display: block; padding: 18px 16px 20px; margin: 0 auto; width: 78%; background-color: #fff; margin-bottom: 0px; } .body .forceTopicFeaturedTopics .featuredTopicHeader { font-size: 32px !important; font-weight: normal; text-transform: none; color: #101316; } .body .forceTopicFeaturedTopicItem .topicImage { background-size: contain; left: 50%; margin: 0 auto 0; position: absolute; top: 30%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 24px; height: 24px; } .forceTopicFeaturedTopics .topicList { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .body .forceTopicFeaturedTopics .topicLabel { padding: 0 5px 11px; width: 100% !important; font-size: 20px; min-height: unset; padding-bottom: 0px; color: #101316; line-height: 1; font-weight: normal; } .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: 14px; } .comm-page-custom-about-you-screen .container div div:nth-child(2){padding-top: 6px !important;} .comm-page-custom-about-you-screen span.slds-file-selector__button.slds-buttonbutton.slds-button_neutral, .comm-page-custom-about-you-screen button.slds-button_neutral:active, .slds-button--neutral:active, .comm-page-custom-about-you-screen .slds-button:hover, .slds-button:focus {color: #101316} .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 button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-about-you-screen button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .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;} /* to add the style for next button in contact form*/ .slds-button_brand,.slds-button--brand { font-size: 20px; background-color: #FFC800; padding: 6px 35px; } /*til text width 100% */ .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*/ /*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} .slds-form-element__control.slds-grid.itemBody {font-size: 16px; font-weight: normal} .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 } .comm-page-article .test-id__field-label-container.slds-form-element__label {display: none;} .comm-page-article .forcePageBlock .slds-section:first-child {display: none;} .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; } .selfServiceArticleLayout .forcePageBlockSectionRow.full {padding: 0 !important;} .selfServiceArticleHeaderDetail.meta {margin-bottom: 0px !important;} .siteforceContentArea .comm-layout-column:not(:empty) { margin-left: unset; padding-left: 24px; padding-right: 24px; width: 100%; margin: 0 auto; padding-top: 0 !important; margin:0; padding-bottom: 0 !important; } .selfServiceArticleListItem {padding: 16px 0 !important;} .forceCommunityThemeHeroBase .contentTitle { font-size: 16px !important; margin-top: 0 !important; width: 100% !important; } .forceCommunitySearch .resultsWrapper {min-height: unset !important;margin-bottom: 0px !important;} li.kbResultStencil.slds-item.slds-p-vertical--small.slds-p-horizontal--large.slds-theme--default.forceRecordLayout {padding: 24px 15px;} .siteforceSldsTwoCol84Layout.siteforceContentArea { margin-top: 50px;} .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; } /*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; } /*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; } /*to hide the left side bar in devus*/ .slds-border_right.slds-medium-size_1-of-6, .forceSearchScopesRibbon {display: none !important;} .linkBtn.comm-navigation__top-level-item-link--active:after {background: #FFC800} .forceCommunityThemeHeroBase .align-center {width: 100% !important} .footer { float: left; width: 100%; background-color: #FFFFFF !important; } /*to chnage bg color for body for devus*/ /*.siteforceThemeLayoutStarter {background: #F5F5F6 !important;}*/ /*to increase the header width*/ .header>div:first-child {width: 100% !important;} /*to show thw back to home button*/ /*.comm-navigation__menu-item:nth-child(2) {display: block !important;}*/ /*to hide thw more,home button*/ /*.comm-navigation__menu-item:nth-child(3) {display: none !important;}*/ /*.themeNav {float: right;}*/ /*.forceCommunityThemeHeaderCompact .themeHeaderInner { float: left; width: 100% !important; }*/ .themeUtils{display: none;} /*.header { top: 0; z-index: 9; width: 100%; display: flex; height: 104px !important; }*/ /*to chnage the footer position*/ .footer>div:first-child { width: 100% !important; float: left; line-height: 5.5; } .logoImage {position: initial !important;} /*for the name below Icon in Body ex: My Preferences,My Details*/ b, strong,dfn {color: #101316 !important;} /*to stop hovering for popular faqs tile*/ .forceTopicFeaturedTopics .topicContent:hover, .forceTopicFeaturedTopics .topicLink:focus .topicContent {background-color: #fff !important; outline: 0;} .forceCommunityThemeNav .mainNavItem .linkBtn {right: 0 !important;} /*Common Styling for footer items*/ .footerCommon { float: left !important; padding-left: 40px; 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; } span.slds-text-body_small.slds-hyphenate {font-size: 16px; color: #0D3A93;} .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; } .selfServiceArticleListItem .footer {display: none;} .forceCommunityHtmlBlock .uiOutputRichText p { max-width: 100%; line-height: 1.5; padding: 8px 0; float: left; width: 100%; } .comm-page-custom-warranty-manuals .slds-col--padded.comm-content-header.comm-layout-column {background-color: rgb(255,255,255) !important;} .slds-col--padded.comm-layout-column {position: relative;} .contact-section { position: relative; margin-top: 20px; left: 0px; right: 0px; padding: 24px; padding-right: 12px; border: 1px solid #000; border-radius: 8px; width: 100% !important; } .test-id__field-label-container.slds-form-element__label {padding-bottom: 16px} .forceCommunityRichText a:focus,.forceCommunityRichText a:active {} .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; line-height: 1.1; } .selfServiceArticleLayout.article-column {padding: 1px 0px 30px !important;} .forceSearchResultsCompact.searchResults.list .kbResultStencil {border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, #D4D4D4) !important;} .footer .forceCommunityRichText.forceCommunityHtmlBlock {margin-bottom: 0px !important} .selfServiceTopicArticleList .selfServiceArticleListItem {margin: 0 !important;} .selfServiceTopicTrendingArticles42>h2 {padding-top: 32px} .selfServiceArticleListItem .article-link {padding: 16px 0 !important;} .selfServiceBaseArticleList .article-head {color: #0D3A93 !important;} .selfServiceArticleHeaderDetail .article-head {font-weight: normal !important; margin-bottom: 0 !important;} .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; } 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; } .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child),.siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {margin-bottom: 0px !important} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea {margin-top: 40px !important} body.null.comm-page-home, body.null.comm-page-global-search, body.null.comm-page-topic {} .selfServiceArticleListItem.footer {display: none !important;} .forceCommunityThemeHeroBase .contentCaption {font-size: 32px !important;} .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:active { padding: 16px 0; font-weight: normal !important; font-size: 16px !important; color: #0D3A93 !important; } .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus{ box-shadow: none !important; outline: black !important; outline-style: auto !important; } .forceCommunityThemeHeaderCompact {padding-left: 0 !important;} /*Gap between Icon and Navigation menu*/ .sfdcCbImage {padding-top: 20px;} /*Change the size of the search bar*/ .forceCommunityThemeHeroBase .content {width: 51% !important;} /*for Large Screen and Desktop*/ @media only screen and (min-width: 1401px){ .body .forceTopicFeaturedTopics .featuredTopicHeader{padding-left: 0 !important;} .comm-page-home community_navigation-tile-menu.comm-tile-menu{ display: block; width: 100%; padding-top:8px; margin-bottom: 20px; } /*for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 75% !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 0px 8px !important; /* Padding-bottom:8px ->between Menu label and active tab border(yellow color) */ position: relative !important; right: 0 !important; } .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; width:51.21px !important; height:56px !important; left: -216px !important; top: 0 !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: 0px !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)*/ padding-top: 0 !important; padding-bottom: 0 !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; } /*to adjust the featutred topic for devus*/ .body .forceTopicFeaturedTopics .featuredTopicHeader{ margin: 0 auto !important; margin-bottom: 16px !important; width: 78% !important; } } /*For desktops and laptops*/ .phoneno, .chat{width: 50%;} .Contactuscss5 { font-style: normal; width: 60% !important; line-height: 18px; align-items: center; display: inline; padding-top: 5px !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, .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{width: 34%; padding: 0 !important} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 32px !important; font-weight: normal !important; } .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{width: 63% !important; padding:0 !important; margin-right:16px; background-color: unset; display: flex;} .body .forceTopicFeaturedTopics .featuredTopicHeader{ font-size: 32px !important; padding-left: 0px !important; margin:0 auto; width: 77%; } .siteforceSldsTwoCol84Layout.siteforceContentArea{margin-top: 50px !important;} /*to serch result color in devus*/ a.itemTitle.outputLookupLink.slds-truncate.outputLookupLink-ka07j000000GycYAAS-1610\:0.forceOutputLookup{ color: #0D3A93; font-size: 16px; font-weight: normal; } .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 32px !important; font-weight: normal; color: #101316; } .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:hover, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus, .selfServiceTopicTrendingArticles42 .slds-grid--vertical a{font-size: 16px !important;} .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child){ margin-top: 0px !important; } /*for search bar for hp screen*/ .forceCommunityThemeHeroBase .content { width: 47% !important; } /*for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 60% !important; } /*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 { margin: 0; font-weight: normal; font-size: 32px !important; color: #101316; margin-bottom:16px !important; float:left; width: 100%; } .footer > div:first-child{ width: 100%; 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 */ .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;; } /*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; }*/ /*for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { font-size: 32px !important; width: 100% !important; text-shadow:none !important ; } /*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; } /*.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; padding-left: 0px !important; }*/ /*Color-black and hiding border of active tab */ .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; line-height: 1; font-size: 20px; } /*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*/ 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:40px !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:5px !important; padding-bottom: 0px !important; padding-left:56px !important; float:left; }*/ /*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; 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: 17px !important; padding-bottom: 17px !important; } /*Specifications for shadow of Header which is 2px top and bottom and required color*/ .forceCommunityThemeHeaderCompact{ padding-left:0 !important; box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15); } /*The standard template footer class with specifications 1440 x 76.5 and bg color: #FFFFFF*/ .footer{ position:relative; flex-direction: row; height: 76.5px !important; bottom: 0!important; width: 100% !important; background-color:#FFFFFF !important; } /* backgroungimageforlogin*/ .salesforceIdentityLoginBody2 { 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 Ipad and Ipad Pro*/ @media only screen and (min-width:768px) and (max-width:1024px){ 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; } .linkBtn.comm-navigation__top-level-item-link--active:after{background: #FFC800 !important;} /*nav.websterInnerHeader.commThemeCmp.comm-navigation.themeNavContainer.navMenuType-expanded.alignPanel-left.forceCommunityThemeNav.doneRendering, ul.visible-links.themeNav-align-right{float: right !important; width: auto !important;}*/ /*.forceCommunityThemeHeaderCompact .themeLogo{transform: unset !important; padding-top: 5px !important; padding-bottom:0 !important; padding-left: 56px !important}*/ li.mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item.comm-hide{padding-top: 0px !important; padding-bottom:0 !important;} /*.forceCommunityThemeHeaderCompact .themeNav{width: auto !important; height: 100%; position: unset !important; max-height: unset !important; width: auto; float: right !important; padding-top: 0 !important; height: 100%;}*/ .forceCommunityThemeNav.websterInnerHeader .mainNavItem .linkBtn{border: none !important;color: rgb(13, 58, 147) !important;} .comm-navigation__menu-item:nth-child(3) {display: none !important;} /*li.mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item:nth-child(1), li.mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item:nth-child(3){display: none;}*/ .comm-page-topic .slds-col--padded.comm-layout-column:nth-child(3){ background-color: #fff; width: 95%; margin: 0 auto; float: none; padding: 0 24px !important; display: flex; } .comm-page-article .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12,.comm-page-topic .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{width: 100% !important;} .comm-page-article .slds-grid--vertical{background-color: unset !important;} .comm-page-article .slds-col--padded.comm-layout-column{padding: 0px !important} .comm-page-topic community_article-topic-trending-articles-list.comm-topic-trending-articles.selfServiceTopicTrendingArticles42, .comm-page-article community_article-topic-trending-articles-list.comm-topic-trending-articles.selfServiceTopicTrendingArticles42{ width: 95%; margin: 0 auto; background-color: #fff; display: block; position: relative; background-color: #fff !important; padding: 0 24px; margin-top: 40px; } .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ width: 95% !important; margin: 40px auto 0; float: none; } .body .forceTopicFeaturedTopics{padding: 0px 10px 0px !important;} .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{padding: 0 24px !important} .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{width: 100% !important} .comm-page-article .slds-col--padded.comm-layout-column:nth-child(3){ width: 95% !important; margin-top: 40px !important; margin: 0 auto; padding:0 24px !important; background-color:#fff; } .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{width: 100% !important;} .slds-large-nowrap{margin:0 !important; display: block; width: 100%;} .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12, .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{width: 100%} /*.comm-page-home .forceCommunityThemeHeaderCompact .comm-hide{padding-top: 20px !important;}*/ /*blue tiles width in home page*/ community_navigation-tile-menu-item.comm-tile-menu__item.slds-text-align_center.slds-p-around_small.slds-size_3-of-12{width: 32.5% !important;} .comm-page-home community_navigation-tile-menu.comm-tile-menu{ /*float: left;*/ width: 100%; } /*for footer top size*/ .comm-page-article .footer{margin-top: 300px !important;} li.kbResultStencil.slds-item.slds-p-vertical--small.slds-p-horizontal--large.slds-theme--default.forceRecordLayout {padding: 24px 0;} .footerCommon{padding-right: 40px !important} .body .forceTopicFeaturedTopicItem.topicItem{width: 25%;} .body .forceTopicFeaturedTopics .featuredTopicHeader{ padding-left: 10px !important; font-size: 32px; letter-spacing: .5px; line-height: 36px; margin: 0 0 12px; text-transform: none; width: 100%; text-align: left; font-weight: normal; } .comm-page-custom-about-you-screen .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{ display: flex; flex-direction: column-reverse; } .contact-section{width: 50% !important; left: 20px;} .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.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{ margin-top: 40px !important; width: 95% !important; margin: 0 auto; } .comm-page-article .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12{background-color: unset !important; width: 100% !important} .selfServiceSimilarArticles42>h2{font-size: 24px; font-weight: normal;} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{margin-top: 0 !important} .comm-page-topic .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea{width: 100%; margin:0 auto; float: none !important} .comm-page-topic .slds-col--padded.comm-layout-column:nth-child(3){margin-top: 40px !important} li.article-item.selfServiceArticleListItem .footer{margin-top: 0 !important} .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: 0px auto;} .forceCommunityHeadline .headlineTitle{ text-align: left !important; font-size: 24px !important; font-weight: normal !important; } p.slds-truncate.slds-p-bottom--xxx-small{white-space: pre-wrap !important;} .slds-show_inline-block, .slds-show--inline-block{float: left !important;} .slds-show--inline-block.searchResultsSummary.slds-text-body--small.slds-text-color--weak{float:left} .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap{flex-wrap: wrap !important;} .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{ padding:0 !important; } .comm-page-global-search .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; } /*to serch result color in devus*/ a.itemTitle.outputLookupLink.slds-truncate.outputLookupLink-ka07j000000GycYAAS-1610\:0.forceOutputLookup{ color: #0D3A93; font-size: 16px; font-weight: normal; } .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px !important; font-weight: normal; color: #101316; } /*.comm-navigation__menu-item:nth-child(1){display: none !important}*/ .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;} .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active{ font-size: 18px !important; color: #0D3A93 !important; /*Active tab in black color*/ text-shadow: none !important; line-height: 1; display: block !important; border: none; } .comm-page-home .comm-topic-trending-articles h2 { letter-spacing: -0.45px; line-height: 28px; margin: 0; /*to change the trending FAQ title for devus*/ font-weight: normal; font-size: 32px !important; color: #101316; margin-bottom:16px !important; } /*for store location and warrenty width in devus*/ .comm-tile-menu__icon-section[community_navigation-tileMenuItemIconSection_tileMenuItemIconSection] { width: 75% !important; } /*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 */ .Contactuscss5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #0D3A93;; } /*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; }*/ /* 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; padding: 24px; } /*for setting caption size and width as per figma webform*/ .forceCommunityThemeHeroBase .contentCaption { width: 100% !important; text-shadow:none !important ; font-size: 32px !important; } /*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; } /*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; padding-left: 0 !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) */ } /*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: 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: 32px !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; padding-top: 5px !important; padding-bottom: 25px !important; padding-left: 56px !important; position: relative !important; left:0 !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 this style is used*/ /* .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed{ padding-top: 0 !important; padding-bottom: 0 !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); } /*img{max-width: 48% !important;}*/ /*Header-Footer-Ends here*/ /* backgroungimageforlogin*/ .salesforceIdentityLoginBody2 { 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 contact page*/ .comm-page-custom-about-you-screen button.slds-button_neutral, .slds-button--neutral{ color: #101316; border: 1px solid #101316; font-size: 16px; padding: 3px 30px; background-color: #fff; margin-top: 10px !important; } .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; background-color: #fff; margin: 0 auto; width: 95%; } /*to add the style for next button in contact form*/ .slds-button_brand, .slds-button--brand{ font-size: 16px !important; padding: 4px 30px !important; } /*for contact us section */ a.Contactuscss5{float: right !important; width: 40% !important; padding-top:5px !important} .comm-page-global-search .selfServiceTopicTrendingArticles42>h2{padding-top: 32px !important} .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column{margin-left: 0 !important; padding: 0 !important; width: 100% !important} .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} .body .forceTopicFeaturedTopics .topicLabel{ font-size: 16px !important; color: #101316 !important; font-weight: normal !important; min-height: 37px !important; line-height: 1.3em; padding: 0 5px 11px; width: 100% !important; } .forceCommunityThemeHeroBase .content{ width: 100% !important; } /* header portion*/ .forceCommunityThemeHeaderCompact .comm-hide{ padding-top: 0px !important; display: block !important; } div[data-item-id='0bde7d0b-3ad3-445c-a120-0ddde28d0e82']{ width: 100% !important; min-width: fit-content !important; } .footer { position: relative !important; width: 100% !important; max-height: 0px !important; /*margin-top: 56px;*/ } /* .visible-links.themeNav-align-left{ width: auto !important; }*/ .forceCommunityThemeNav.themeNavContainer.navMenuType-expanded.doneRendering{ width: auto !important; } /*adedd for top artile*/ .body .forceTopicFeaturedTopics { margin: 0; padding: 20px 10px 0px; width: 100%; float: left; margin-bottom: 35px; } .body .forceTopicFeaturedTopics .topicList { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .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; left: 50%; margin: 0 auto 0; position: absolute; top: 30%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 24px; height: 24px; } /*css related to FeaturedTopics------------------------------------------------------------*/ body{ background-color:#FFFFFF; background-attachment: fixed; background-size: cover } .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; } .comm-page-home .comm-topic-trending-articles { display: block; padding: 18px 16px 20px; margin: 0 auto; width: 95%; background-color: #fff; margin-bottom: 40px; } .comm-page-home .comm-topic-trending-articles .slds-grid--vertical a { border-bottom: 1px solid #DCDDE1; 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; } .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child, .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child{width: 100% !important;} .comm-page-global-search .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12, .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column>div:first-child { padding: 0 24px; background-color: #fff; margin: 0 auto; width: 95%; } .comm-page-topic .slds-col--padded.comm-layout-column{ display: block; float: left; width: 100%; margin-left: unset; margin-top: 0px; padding:0 !important } } /*for Mobile device*/ @media only screen and (max-width: 767px) { .comm-page-custom-about-you-screen .container div div:nth-child(3){width: 100% !important;} .themeNav>div, nav.websterInnerHeader.commThemeCmp.comm-navigation.themeNavContainer.navMenuType-expanded.alignPanel-left.forceCommunityThemeNav.doneRendering, ul.visible-links.themeNav-align-right{height: auto;} .themeNavTriggerContainer{float:left; width: 60px; display: block !important;} .comm-page-custom-about-you-screen .siteforceContentArea .comm-layout-column:not(:empty):nth-child(3){margin-top: 10px !important} .linkBtn.comm-navigation__top-level-item-link--active:after{display: none} .comm-page-custom-about-you-screen .slds-col--padded.comm-layout-column{width: 95%; display: block;} .contact-section{left: 0px;} .comm-page-article .slds-col--padded.comm-layout-column:nth-child(1),.comm-page-article .slds-col--padded.comm-layout-column:nth-child(2){margin: 0 !important} .comm-page-article h2.slds-text-heading--small.slds-m-right--xx-small.slds-hyphenate{padding-top:0 !important;} .selfServiceArticleLayout .article-head{margin-top:0 !important;} .slds-page-header.slds-page-header_joined.slds-is-relative.is-search-results-grid-header-mobile.forceSearchSearchResultsGridHeader{padding:0 !important;} .comm-page-global-search .slds-has-dividers--bottom.uiAbstractList{padding: 24px 0 !important} .slds-grid.slds-wrap.slds-large-nowrap { flex-wrap: unset; margin: 0 0px !important; display: block; width: 100%; } .comm-page-article .footer{margin-top: 300px !important;} li.kbResultStencil.slds-item.slds-p-vertical--small.slds-p-horizontal--large.slds-theme--default.forceRecordLayout, .slds-page-header.slds-page-header_joined.slds-is-relative.forceSearchSearchResultsGridHeader{padding: 24px !important} .comm-page-custom-about-you-screen .flowruntimeBody.slds-card__body.slds-p-horizontal_small{padding: 0} .phoneno,.chat {float: left; width: 40%} /*to add the style for next button in contact form*/ .slds-button_brand, .slds-button--brand {font-size: 16px !important; padding: 3px 30px !important; background-color: #FFC800;} .comm-page-home .comm-topic-trending-articles h2 {padding-top: 0 !important; font-size: 24px;} .slds-col--padded.comm-layout-column { float: none; width: 90%; padding-left: 24px !important; padding-right: 24px !important; margin-bottom: unset; margin: 0px auto 15px; background-color: #fff; display: flex; } .comm-page-home .comm-topic-trending-articles {width: 93% !important; margin-top: 24px; margin-bottom: 0 !important} .forceCommunityThemeSearch {position: relative; top: -65px;} .forceCommunityThemeHeaderCompact .themeHeaderInner {line-height: 2; padding: 25px 12px!important;} .forceCommunityThemeHeroStarter .searchRegion {width: 95% !important;} .forceCommunityThemeHeaderCompact .themeNav { z-index: 9999 !important; top: 126px !important; height: 100%; background: white; display: none; } .comm-page-home.header { height: 85px !important; } .header { height: 67px !important; } .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; } .forceCommunityThemeHeroBase .contentCaption { font-size: 30px !important; text-shadow: none !important; line-height: 42px !important; width: 100% !important; font-weight: 600; } .forceCommunityThemeHeroBase .contentTitle { font-size: 16px !important; width: 100% !important; left: 0px !important; top: 38px !important; text-shadow: none !important; line-height: 24px !important; } .comm-tile-menu__item-banner .comm-tile-menu__item-title.lwc-rfo3qhj7u4 { font-size: 18px !important; text-overflow: unset !important; overflow: auto !important; word-break: unset !important; word-wrap: unset !important; white-space: pre-wrap !important; } .body .forceTopicFeaturedTopics .topicLabel { font-size: 16px !important; color: #101316; padding-bottom: 0; line-height: 1; font-weight: normal; padding: 0 5px 11px; width: 100% !important; align-self: center !important; } .comm-tile-menu__item-link[community_navigation-tileMenuItem_tileMenuItem] {max-width: 100% !important; font-size: 18px;} /*to feature topics content */ .forceTopicFeaturedTopics .stylingOverrideHook_672a .topicContent .topicLabel { text-align: center; font-size: 16px; color: #101316; font-weight: normal; } .contentRegion {width: 100% !important; height: 100% !important;} .slds-col--padded.contentRegion.comm-layout-column {padding-left: 0 !important; padding-right: 0 !important;} .footer { display: flex; flex-direction: row; height: auto !important; bottom: 0!important; width: 100% !important; background-color: #05205F !important; box-shadow: none; padding-top: 70px !important; } /*To give right side margin for navigation menu*/ /*.forceCommunityThemeNav .mainNavItem .linkBtn { width: 80vw !important; font-size: 16px!important; padding: 15px 20px !important; border-top: 2px solid #D6D8DA !important; } */ .slds-theme--success.slds-notify--toast.slds-notify.slds-notify--toast.forceToastMessage {width: 50vw !important;} /*footer item size style*/ .footerCommon { width: 50%; text-align: center; padding-bottom: 0 !important; padding-left: 0; padding-top: 20px !important; } .slds-grid--vertical, .slds-col.slds-medium-size--4-of-12.slds-large-size--4-of-12, .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column>div:first-child { margin-right: 0 } .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child, .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column>div:first-child { margin-left: 0; padding: 0; } .siteforceContentArea .comm-layout-column:not(:empty) { margin-left: unset; width: 90% !important; margin: 40px auto; margin-bottom: 0 !important; } /*.forceCommunityThemeHeaderCompact .themeNavOverlay{top: 68px !important;}*/ .body .forceTopicFeaturedTopicItem.topicItem {width: 50%; padding: 7px 7px 7px 5px !important;} li.mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item {padding: 0 !important;} .forceCommunityThemeNav .mainNavItem a, h2.article-head{font-size: 16px !important;} .forceTopicFeaturedTopicItem .topicContent {top: 48px !important; height: auto !important;} .linkBtn.comm-navigation__top-level-item-link--active:after {background-color: #fff !important} .comm-page-home .slds-col--padded.comm-content-header.comm-layout-column { margin-top: 0px !important; padding-top: 20px !important; background: rgb(212, 212, 212); } .slds-col--padded.contentRegion.comm-layout-column, .slds-col--padded.comm-content-footer.comm-layout-column { display: none; } .comm-page-custom-warranty-claim .slds-col--padded.comm-content-footer.comm-layout-column { display: block; } .forceCommunityHeadline .headlineInfo {margin: 0 !important} .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-global-search .selfServiceTopicTrendingArticles42>h2 {padding-top: 32px !important} li.article-item.selfServiceArticleListItem .footer {margin-top: 0 !important} h1.article-head.selfServiceArticleHeaderDetail {font-size: 24px;} .comm-page-topic .slds-col--padded.has-widgets.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column, a.Contactuscss5 { float: right !important; width: 60% !important; padding-top: 5px !important } .comm-page-topic .slds-col--padded.comm-layout-column{ display: block; float: left; width: 100% !important; margin-left: unset; margin-top: 0px !important; padding: 0 !important; background-color: unset; margin-bottom: 0px; } .comm-page-topic .slds-col--padded.comm-layout-column>div:first-child{ width: 90%; margin: 0 auto; display: table; background-color: #fff; padding: 0 24px; height: 100%; margin-top: 40px; } .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; } .siteforceSldsTwoCol84Layout.siteforceContentArea { margin-top: 20px !important } .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column { width: 90% !important; margin-right: 0 !important; margin: 0 auto !important; padding-left: 0px !important; padding-right: 0px !important; } .comm-page-global-search .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12.comm-layout-column{padding:0 24px !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: 90% !important; margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 15px !important; margin-bottom: 40px !important; display: block; background-color:#fff; } .gridTitle.slds-page-header__title.slds-text-color--default { font-size: 24px; font-weight: normal; color: #101316; } .selfServiceTopicTrendingArticles42>h2 {font-weight: normal !important; font-size: 18px !important;} .header .ui-widget {height: 100% !important;} .comm-tile-menu { margin-top: 0px !important; /*float: left;*/ width: 100%; margin-bottom:0 !important; } 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; } .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {margin-bottom: 0 !important;} .forceCommunityThemeHeroBase .align-center {margin-top: 67px !important;} .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {padding: 0 !important} .hero { margin-top: -86px !important; padding-top: 0px; background-color: #F5F5F6; height: auto; } .comm-page-custom-contact-form-online .hero{ margin-top: -86px !important; } .comm-page-custom-contact-form-product .hero{ margin-top: -86px !important; } /*.forceCommunityThemeHeaderCompact .themeLogo {position:unset !important; padding:0 !important;}*/ .body .forceTopicFeaturedTopics .featuredTopicHeader { font-size: 24px !important; width: 100%; margin: 0px 6px 10px; 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 */ .Contactuscss5 { font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; align-items: center; display: inline; padding-top: -56px; color: #0D3A93; ; } .slds-size_4-of-12,.slds-size--4-of-12 {width: 100% !important;} /*for store location size*/ .comm-tile-menu__image-preview[community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout] { height: 72px !important; border: none; background-repeat: no-repeat; background-size: cover; background-position: 50%; } /*.visible-links.themeNav-align-left {width: 90% !important;} 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); }*/ a[id='7'] {color: #0D3A93 !important;} .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .forceCommunityThemeNav.websterInnerHeader .mainNavItem a, .forceCommunityThemeNav.websterInnerHeader .mainNavItem .linkBtn { color: rgb(255, 255, 255) !important; text-shadow: none !important; line-height: 24px; } /*hide home menu link in mobile view*/ .comm-navigation__top-level-item.mainNavItem:first-child {display: none;} /*footer*/ .divStyle { padding-left: 0px; padding-bottom: 20px; } .logoImage {width: 32px !important;} /*.forceCommunityThemeHeaderCompact {box-shadow: 0px 2px 2px rgba(113, 119, 126, 0.15);}*/ .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed {padding-left: 19px !important; display: flex !important;} .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; } .salesforceIdentityLoginBody2 { position: absolute !important; background: hidden !important; font-family: "Aldi_Font_family" !important; } .siteforceDesignTimeEmptyRegion {display: none !important;} .selfServiceBaseArticleList .article-list {margin: 0 !important} .body .forceTopicFeaturedTopics {margin: 0 !important; padding: 20px 10px 16px !important;} .comm-page-custom-about-you-screen button.slds-button_neutral, .slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 16px; padding: 4px 30px; background-color: #fff; margin-top: 10px !important; } .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) {display: block; margin-top: 40px !important} .comm-page-custom-about-you-screen .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea {display: flex;flex-direction: column-reverse;} .siteforceSldsTwoCol84SidebarFeaturedLayout.siteforceContentArea {margin-top: 0 !important} /*.forceCommunityThemeHeaderBase {height: 100% !important;}*/ .forceTopicFeaturedTopics .stylingOverrideHook_412a .topicContent {padding: 0 20px !important} .forceCommunityThemeSearchHero .search-input, .forceCommunityThemeSearchHero .search-input::placeholder {font-size: 16px !important; color: #71777E !important;} .visible-links {position: relative; right: 0%;} } @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; } .selfServiceArticleListItem .footer{margin-top: 0 !important} .forceCommunityHeadline .headlineTitle{ text-align: left; font-size: 24px; font-weight: normal } .gridTitle.slds-page-header__title.slds-text-color--default{ font-size: 24px; font-weight: normal; color: #101316; } /*.forceCommunityThemeHeaderBase, .header .ui-widget{ height: 100% !important; }*/ .forceCommunityThemeHeaderCompact .themeHeaderInner { line-height: 2; } } @media only screen and (min-width:511px) and (max-width:615px){ .slds-col--padded.comm-layout-column {display: block !important;} } @media only screen and (min-width: 48em) { .body .forceTopicFeaturedTopics .featuredTopicHeader { font-size: 24px; line-height: 36px; margin-bottom: 12px; } .body .forceTopicFeaturedTopics .topicLabel { font-size: 11px; min-height: 42px; padding-bottom: 7px; } } @media only screen and (min-width: 992px) { .body .forceTopicFeaturedTopics .topicLabel { min-height: unset; padding-bottom: 0px; } } /*only for Ipad pro for specific conditions*/ @media(max-width: 1024px) and (min-width: 1279px){ .linkBtn.comm-navigation__top-level-item-link--active:after{background: #FFC800 !important;} .themeLogo{padding-top: 5px !important; padding-left: 56px !important;} .body .forceTopicFeaturedTopics {padding: 20px 10px 0px;} .body .forceTopicFeaturedTopicItem.topicItem {padding: 8px 12px 8px 12px !important;} } .comm-page-custom-stock-availability .search.active .searchbox{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left: 1px solid #2ac4f4; border-right: 1px solid #2ac4f4; border-bottom: 0px; } .comm-page-custom-stock-availability .search.active .search1{ border-bottom: 1px solid #2ac4f4; border-left: 1px solid #2ac4f4; border-right: 1px solid #2ac4f4; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; width: 100%; display: block; } /* Store page */ .comm-page-custom-contact-form-store .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-contact-form-store button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-store button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-store article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-contact-form-store .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-contact-form-store .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-contact-form-store .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } /* Product Page*/ .comm-page-custom-contact-form-product .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-contact-form-product button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-product button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-product article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-contact-form-product .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-contact-form-product .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-contact-form-product .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } .comm-page-custom-contact-form-product article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-contact-form-product .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-contact-form-product .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-contact-form-product .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } .comm-page-custom-contact-form-product .productLabel{ font-size:14px; color: #343d46; font-weight: normal; } /****Product CF CSS end*******/ /* Contact Form Other Page */ .comm-page-custom-contact-form-other .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-contact-form-other button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-other button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-other article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-contact-form-other .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-contact-form-other .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-contact-form-other .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } /* Contact Form Online Page */ .comm-page-custom-contact-form-online .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-contact-form-online button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-online button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-contact-form-online article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-contact-form-online .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-contact-form-online .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-contact-form-online .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } /* Contact Form Driver FedBack */ .comm-page-custom-au-driver-feedback-contact-form .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-au-driver-feedback-contact-form button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 15px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-au-driver-feedback-contact-form button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 15px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-au-driver-feedback-contact-form article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-au-driver-feedback-contact-form .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-au-driver-feedback-contact-form .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-au-driver-feedback-contact-form .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } /*Theme Style Mobile*/ @media only screen and (max-width: 767px){ body.null.comm-page-home{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-global-search{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-topic{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-article{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-error{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-contactsupport{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-store{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-product{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-online{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-other{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-abandoned-trolley-or-catalog{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-warranty-claim{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-au-driver-feedback-contact-form{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-about-you-screen { width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-stock-availability{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-gift-card-balance{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-warranty-manuals{ width:100% !important; margin: 0 auto; background: transparent; } } html{ background-image: url('/sfsites/c/resource/HelpCenter_Theme_Image'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; height: auto; } body.null.comm-page-home{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-global-search{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-topic{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-article{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-error{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-contactsupport{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-store{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-product{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-online{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-other{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-abandoned-trolley-or-catalog{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-warranty-claim{ max-width:965px; width:100%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-au-driver-feedback-contact-form{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-about-you-screen { width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-stock-availability{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-gift-card-balance{ width:65%; margin: 0 auto; background: transparent; } body.null.comm-page-custom-warranty-manuals{ width:965px; margin: 0 auto; background: transparent; } /* Theme Style End*/ /*Theme Style for iPad*/ @media only screen and (min-width:768px) and (max-width:1024px){ body { background-image: url('/sfsites/c/resource/HelpCenter_Theme_Image'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; } body.null.comm-page-home{ width:100%; margin: 0 auto; background: transparent; } body.null.comm-page-global-search{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-topic{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-article{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-error{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-contactsupport{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-store{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-product{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-online{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-other{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-abandoned-trolley-or-catalog{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-au-driver-feedback-contact-form{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-about-you-screen { width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-stock-availability{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-gift-card-balance{ width:100% !important; margin: 0 auto; background: transparent; } body.comm-page-custom-warranty-manuals{ width:100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-warranty-manuals{ width:100% !important; margin: 0 auto; background: transparent; } } /*End: Theme Style for iPad*/ /* Product Registration page*/ body.null.comm-page-custom-product-registration { width: 965px; margin: 0 auto; background: transparent; } .comm-page-custom-product-registration article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity { border: none !important; } .comm-page-custom-product-registration .slds-form-element__label span { color: #343D46; font-size: 14px; } .comm-page-custom-product-registration .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-product-registration .slds-file-selector__button { color: #101316; border: 1px solid #101316; background-color: #fff; } .comm-page-custom-product-registration button.slds-button_neutral, .slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 15px; background-color: #fff; margin-top: 10px !important; } .comm-page-custom-product-registration .productLabel { font-size: 14px; color: #343d46; font-weight: normal; } /* CDCSS-20114-Warranty Lookup-claim warranty button style */ .compactHeader{ /*Add any CSS that needs to be applied for upper header*/ background:#FFC800; height:24px; } .headerMain{ /*Add any CSS that needs to be applied for Header*/ box-shadow: 0 4px 37px rgba(13, 58, 147, 0.06); } .mainDiv{ align-items:center; display:flex; min-height:96px; margin-left: 56px; margin-right: 56px; } @media only screen and (max-width: 767px){ .mainDiv{ margin-left: 24px; margin-right: 24px; } } .childDiv .img2Header{ max-width:100%; padding-left:10px; } .custom-Sort-options .slds-form-element__control .slds-combobox__form-element .slds-input_faux { border: none !important; background: transparent !important; box-shadow: none !important; } .custom-Sort-options .slds-form-element__control .slds-combobox__form-element .slds-input_faux :focus { box-shadow: none !important; } .custom-Sort-options .slds-form-element__control .slds-combobox__form-element .slds-input_faux :active { box-shadow: none !important; } .custom-Sort-options .slds-form-element__label{ display: none; } .custom-pagenumber button{ color: #000; border: none; background: transparent; font-weight: 400; font-size: 24px; line-height: 28px; } .custom-pagenumber button.slds-button_neutral:disabled{ color: #0D3A93; border: none; background: transparent; font-weight: 400; font-size: 24px; line-height: 28px; } .previous button { background: transparent; border: none; color: #0D3A93; } .next button{ background: transparent; border: none; color: #0D3A93; } .previous button:focus{ box-shadow: none !important; } .next button:focus{ box-shadow: none !important; } .previous button:disabled{ background: transparent; } .next button:disabled{ background: transparent; } .search-keyword label{ font-weight: 700; font-size: 16px; line-height: 16px; color: #0D3A93; } .search-keyword input{ border: 1px solid #6E89BE; border-radius: 8px; height: 56px; } .comm-page-custom-warranty-manuals .Entire-page { width: 100% !important; } .comm-page-custom-warranty-manuals .custom_box{ width: 100% !important; } .Entire-page .textloop:first-child:hover{ /* border-top: 1px solid #6E89BE;*/ /* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; */ } .custom-Sort-options .slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right .slds-combobox__input { color: #6E89BE !important; } .download-custom-button button{ width: 328px; height: 48px; padding: 12px 24px; border: 1px solid #0D3A93; border-radius: 8px; color: #0D3A93; } .download-custom-button button:hover{ color: #0D3A93; background: transparent; } .warranty{ /*Add any CSS that needs to be applied for Header*/ filter: drop-shadow(0px 4px 44px rgba(13, 58, 147, 0.15)); background: #ffffff; } .body-warranty{ background-color: #ffffff !important; } .body-warranty .slds-col--padded.comm-content-header.comm-layout-column {background-color: #FFFFFF !important;} .comm-page-custom-warranty-manuals{ background-color: transparent !important; } .childWarranty .img2Header{ max-width:100%; padding-left:3px; } .bth-url a{ font-size: 20px; color:#0D3A93 !important; } .bth-url{ position:absolute; top:33px; right:56px; } .email-format a{ word-break: break-all; } .comm-page-custom-warranty-manuals .cCORE_warrantyThemeLayout{ background: transparent !important; } @media only screen and (min-width:768px) and (max-width:1024px){ .comm-page-custom-warranty-manuals .footer { max-height: fit-content !important; } } @media only screen and (max-width:767px){ .download-custom-button button{ width: 100%; } .bth-url a{ font-size:16px; } .bth-url{ right:24px; top: 37px; } } .claimWarrantyButton img{ margin-left: 10px; } .claimWarrantyButton { width: 328px; height: 48px; padding: 12px 24px; border: 1px solid #0D3A93; border-radius: 8px; color: #FFFFFF; background-color: #0D3A93; } .claimWarrantyButton:hover{ color: #ffffff; } @media only screen and (max-width:767px){ .claimWarrantyButton { width: 100%; } .comm-page-home .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 10px 0px !important; } } @media only screen and (max-width:800px) and (min-width:767px){ .claimWarrantyButton , .download-custom-button button{ width: 290px; } } /* Abandoned Trolley or catalog page */ .comm-page-custom-abandoned-trolley-or-catalog .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-abandoned-trolley-or-catalog button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px; } .comm-page-custom-abandoned-trolley-or-catalog button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 35px; background-color: #fff; margin-top: 10px; } .comm-page-custom-abandoned-trolley-or-catalog article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-abandoned-trolley-or-catalog .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-abandoned-trolley-or-catalog .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-abandoned-trolley-or-catalog .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } .comm-page-custom-abandoned-trolley-or-catalog .slds-card__body{ padding-top: 20px; } /*Topic Details Page*/ body.null.comm-page-topic{ width: 965px !important; } @media only screen and (max-width:965px){ body.null.comm-page-topic{ width: 100% !important; } } .comm-page-topic .slds-grid.slds-wrap.slds-large-nowrap{ margin: 0 0px !important; } /* Warranty Claim Page*/ .comm-page-custom-warranty-claim .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2]{ display: flex; } .comm-page-custom-warranty-claim button.slds-button_neutral:active, .slds-button--neutral:active { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 15px; background-color: #fff; height: 42px; margin-top: 10px; } .comm-page-custom-warranty-claim button.slds-button_neutral,.slds-button--neutral { color: #101316; border: 1px solid #101316; font-size: 20px; padding: 4px 15px; background-color: #fff; height: 42px; margin-top: 10px !important; } .comm-page-custom-warranty-claim .download-custom-button button { width: 328px; height: 48px; padding: 12px 24px; border: 1px solid #0D3A93; border-radius: 8px; color: #0D3A93; } .comm-page-custom-warranty-claim .download-custom-button button:active{ height: 48px; } .comm-page-custom-warranty-claim article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-warranty-claim .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-warranty-claim .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-warranty-claim .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } .comm-page-custom-warranty-claim article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {border: none !important;} .comm-page-custom-warranty-claim .slds-form-element__label span {color: #343D46; font-size: 14px;} .comm-page-custom-warranty-claimt .slds-form-element__legend span { font-weight: normal; } .comm-page-custom-warranty-claim .slds-file-selector__button{ color: #101316; border: 1px solid #101316; background-color: #fff; } @media only screen and (max-width: 767px){ .comm-page-custom-warranty-claim .button_wrap_multiple{ width: 100%; } .comm-page-custom-warranty-claim .download-custom-button button{ width: 100%; } } .comm-page-topic .comm-topic-trending-articles h2{ font-size: 24px; line-height: 1.2em; margin: 0 0 5px; padding-top: 15px; font-family: 'aldisued-bold'; } .comm-page-topic .comm-topic-trending-articles__item a{ text-decoration: none !important; color: #08080D !important; font-family: 'aldisued-regular'; font-size: 14px !important; font-weight: normal !important; line-height: 18px; } .comm-page-topic .comm-topic-trending-articles__item a span{ font-size: 14px !important; } .comm-page-topic .comm-topic-trending-articles__item a:hover{ color: #2AC4F4 !important; } .comm-page-topic .body.isPageWidthFixed-false{ background: white !important; } .comm-page-topic .footer{ margin-top: 0 !important; } .comm-page-topic .panel.active iframe{ width: 100%; } .comm-page-topic .panel.active table{ width: 100% !important; } @media only screen and (min-width: 767px){ .comm-page-article .comm-related-articles>h2{ padding-top: 35px; font-size: 24px; font-family: 'Aldi_Font_family'; } } /*10520********************************************************************************************************************************/ .header .forceCommunityThemeHeaderCompact { padding-left: 0; padding-right: 0; } .logoImage { height: 93px !important; max-height: none !important; width: 77px !important; } .hero .forceCommunityThemeHeroBase .contentTitle { font-size: 32px; letter-spacing: -0.7px; line-height: 36px; margin: 0; } .hero .forceCommunityThemeSearchHero .search-input, .hero .forceCommunityThemeSearchHero .search-input::placeholder { font-size: 14px; letter-spacing: 0.17px; } .header .forceCommunityThemeNav .mainNavItem { font-family: Arial, sans-serif; font-size: 17px; letter-spacing: 0.2px; line-height: 22px; } .search-deflectionContainer .search-deflectionItemDetail { font-size: 0; } .search-deflectionContainer .search-deflectionItemDetail lightning-formatted-date-time { font-size: .8125rem; } @media only screen and (max-width: 47.9375em) { .forceCommunityThemeHeaderCompact .themeHeaderInner { margin-top: 78px !important; } .themeNavTriggerContainer { position: absolute; right: 16px; } .themeLogo { left: 16px !important; top: -64px !important; transform: none !important; } .header .forceCommunityThemeHeaderCompact .themeNav { top: 128px; } .header .forceCommunityThemeHeaderCompact .themeNavOverlay { top: 0; } .hero .forceCommunityThemeHeroBase { padding: 32px 16px 42px; } } /* .themeLogo { margin-right: 0px !important; padding-right: 5px !important; padding-top: 5px !important; padding-bottom: 0px !important; padding-left: 10px !important; float: left; } */ @media only screen and (min-width: 48em) { .forceCommunityThemeHeaderCompact .themeBgImage { background: transparent !important; } .forceCommunityThemeHeaderCompact .themeHeaderInner { align-items: flex-end !important; } .forceCommunityThemeHeaderCompact .themeHeaderInner::before { background: #05205F; bottom: 0; content: ""; display: block; height: 46px; left: 0; position: absolute; width: 100%; } .header .themeLogo { margin: 0 10px 10px 9px !important; position: relative; z-index: 2; } .header .logoImage { height: 110px !important; width: 91px !important; } .forceCommunityThemeNav ul.themeNav-align-left { justify-content: flex-start; } .forceCommunityThemeNav .visible-links { display: flex; flex-direction: row; } .themeNav { padding-right: 27px; position: relative; top: 16px; z-index: 2; } .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border: none !important; color: #2AC4F4; } .forceCommunityThemeHeaderCompact .themeUtils { display: none; } .forceCommunityThemeNav.themeNavContainer.navMenuType-expanded { min-height: auto; } .header .forceCommunityThemeNav .mainNavItem { padding-left: 10px; } .hero { margin: 0 auto; max-width: 965px; } .forceCommunityThemeHeroBase .contentTitle { font-size: 36px !important; } .forceCommunityThemeHeroStarter .searchRegion { margin-top: 35px !important; } } /*footer css*/ .footer-container { background: #05205F; padding: 30px 16px; position: relative; } @media only screen and (min-width: 48em){ .footer-logo { height: 91px; left: 68px; top: -65px; width: 75px; } } @media only screen and (min-width: 48em) {.footer-container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 68px 20px; } } .footer-logo { height: 77px; left: 16px; position: absolute; top: -56px; width: 64px; } @media only screen and (min-width: 48em){ .footer-col { border: 0; flex: 0 0 auto; font-size: 12px; line-height: 16px; margin-bottom: 28px; padding: 0; width: calc(50% - 68px); } } @media only screen and (min-width: 992px){ .footer-col { width: calc(33.33% - 68px); } } .footer-col { font-size: 14px; letter-spacing: .17px; line-height: 18px; margin-bottom: 20px; padding-bottom: 20px; } @media only screen and (min-width: 48em){ .footer-col .col-title { font-size: 18px; line-height: 23px; margin-bottom: 12px; } } .footer-col .col-title { font-size: 22px; font-weight: normal; letter-spacing: 0.3px; line-height: 29px; margin: 0 0 10px; } @media only screen and (min-width: 48em) {.footer-col { border: 0; flex: 0 0 auto; font-size: 12px; line-height: 16px; margin-bottom: 28px; padding: 0; width: calc(50% - 68px); } } @media only screen and (min-width: 992px) {.footer-col.col-apps { width: 30%; } } .footer-nav { flex: 0 0 auto; font-size: 12px; line-height: 30px; margin-top: 18px; width: 100%; } @media only screen and (min-width: 48em) {.footer-col .col-menu a { margin-bottom: 12px !important; } } .footer-col .col-menu a { display: block; font-size: 14px; line-height: 18px; margin-bottom: 15px; } .site-footer { background: #05205F; color: #FFF; margin: 0 auto; max-width: 965px; } @media only screen and (min-width: 48em) { .site-footer { padding-top: 90px; } } .forceCommunityRichText .site-footer a { color: #8086B2; text-decoration: none; } .footer-logo { height: 77px; left: 16px; position: absolute; top: -56px; width: 64px; } @media only screen and (min-width: 48em){ .footer-logo { height: 91px; left: 68px; top: -65px; /* width: 75px;*/ } } .footer-col { border-bottom: 1px solid #6D7FB3; font-size: 14px; letter-spacing: .17px; line-height: 18px; margin-bottom: 20px; padding-bottom: 20px; } @media only screen and (min-width: 48em){ .footer-col { border: 0; flex: 0 0 auto; font-size: 12px; line-height: 16px; margin-bottom: 28px; padding: 0; width: calc(50% - 68px); } } .footer-col { font-size: 14px; letter-spacing: .17px; line-height: 18px; margin-bottom: 20px; padding-bottom: 20px; } .footer-col .menu-row{ align-items: center; display: flex; justify-content: space-between; margin-bottom: 15px; } @media only screen and (min-width: 48em){ .footer-col .menu-row { display: block; } } @media only screen and (min-width: 992px){ .footer-col { width: calc(33.33% - 68px); } .footer-col .menu-row{ align-items: center; display: flex; justify-content: space-between; margin-bottom: 15px; } } .footer-social img { max-height: 18px; max-width: 18px; } .footer-col .menu-row .app-logo { display: inline-block; margin-right: 5px; } .footer-col .menu-row .app-logo img { height: 20px; } @media only screen and (min-width: 992px){ .footer-col .menu-row .app-logo img { height: 15px; } } @media only screen and (min-width: 48em) {.footer-nav { margin-top: 45px; text-align: right; }} .footer-nav { flex: 0 0 auto; font-size: 12px; line-height: 30px; margin-top: 18px; width: 100%; } .footer-social a { display: inline-block; margin-right: 20px; margin-bottom: 10px; text-decoration: none; vertical-align: middle; } @media only screen and (min-width: 48em) {.footer-nav a { display: inline-block; margin-right: 20px; }} .footer-nav a { margin: 0 15px 8px 0; } @media only screen and (min-width: 48em) {.header .forceCommunityThemeNav .mainNavItem { padding-left: 1px; }} .forceCommunityThemeNav .mainNavItem .linkBtn { border: none; background: none; padding: 0 5px; width: 100%; text-align: left; } .comm-page-custom-product-registration .flow-button__BACK { color: black; font-size: 20px; background-color: white; padding: 6px 35px; } .navigation-bar__right-align .slds-button.flow-button__NEXT .slds-button_brand{ background-color: #0D3A93!important; color: #ffffff!important; } .comm-page-custom-product-registration .slds-file-selector__button { color: #101316; border: 1px solid #101316; background-color: #fff; } .comm-page-custom-product-registration .slds-form-element__label span { color: #343D46; font-size: 14px; } .comm-page-custom-product-registration .productLabel { font-size: 14px; color: #343d46; font-weight: normal; } .comm-page-custom-product-registration .slds-form-element__legend span { font-weight: normal; } .comm-page-home .comm-tile-menu__item{ width: 150px !important; padding: 6px 5px; } .comm-page-home .comm-tile-menu__item .comm-tile-menu__item-banner .comm-tile-menu__item-title{ text-overflow: unset !important; overflow: auto !important; word-break: break-word !important; word-wrap: unset !important; white-space: pre-wrap !important; } .comm-page-home .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 70px 30px !important; } @media only screen and (max-width: 47.9375em) { .forceCommunityThemeHeaderCompact .themeHeaderInner { padding: 10px 12px!important; min-height: auto; } } body.null.comm-page-home { background: transparent !important; } .comm-page-home .siteforceThemeLayoutStarter { background: transparent !important; } .body.isPageWidthFixed-false { margin-bottom: 0px; float: left; min-height: auto !important; width: 100%; background: white !important; } .footer { position: relative; flex-direction: row; height: 76.5px !important; bottom: 0!important; width: 100% !important; } @media only screen and (max-width: 47.9375em) { .forceCommunityThemeHeaderCompact .themeHeaderInner { margin-top: 78px !important; } .themeNavTriggerContainer { position: absolute; right: 16px; } .themeLogo { left: 16px !important; top: -64px !important; transform: none !important; } .header .forceCommunityThemeHeaderCompact .themeNav { top: 128px; } .header .forceCommunityThemeHeaderCompact .themeNavOverlay { top: 0; } .hero .forceCommunityThemeHeroBase { padding: 32px 16px 42px; } } @media only screen and (min-width: 48em) { .forceCommunityThemeHeaderCompact .themeBgImage { background: transparent !important; } .forceCommunityThemeHeaderCompact .themeHeaderInner { align-items: flex-end !important; } .forceCommunityThemeHeaderCompact .themeHeaderInner::before { background: #05205F; bottom: 0; content: ""; display: block; height: 46px; left: 0; position: absolute; width: 100%; } .header .themeLogo { margin: 0 10px 0 9px !important; position: relative; z-index: 2; } .header .logoImage { height: 110px !important; width: 91px !important; } .themeNav { padding-right: 27px; position: relative; top: 16px; z-index: 2; } .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border: none !important; color: #2AC4F4; } .forceCommunityThemeHeaderCompact .themeUtils { display: none; } .forceCommunityThemeNav.themeNavContainer.navMenuType-expanded { min-height: auto; } .header .forceCommunityThemeNav .mainNavItem { padding-left: 10px; } .hero { margin: 0 auto; max-width: 965px; } .forceCommunityThemeHeroBase .contentTitle { font-size: 36px !important; } .forceCommunityThemeHeroStarter .searchRegion { margin-top: 35px !important; } } @media only screen and (max-width: 47.9375em){ .forceCommunityThemeNav.websterHomeHeader .mainNavItem{ background-color: rgb(5, 32, 95) !important; } .comm-page-home .websterInnerHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter{ padding: 10px 0px !important; margin-top: 18px; } } .comm-tile-menu__item-banner.community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout{ text-overflow: unset !important; overflow: auto !important; word-break: unset !important; word-wrap: unset !important; white-space: pre-wrap !important; } .comm-tile-menu__item-title.community_navigation-tileMenuItemBanner_tileMenuItemBanner{ text-overflow: unset !important; overflow: auto !important; word-break: unset !important; word-wrap: unset !important; white-space: pre-wrap !important; } .forceCommunityThemeNav.websterInnerHeader .mainNavItem .linkBtn{ color: rgb(255, 255, 255) !important; text-shadow: none !important; line-height: 24px; } .comm-page-custom-gift-card-balance .forceCommunityThemeNav.websterInnerHeader .mainNavItem .linkBtn{ color: rgb(255, 255, 255) !important; text-shadow: none !important; line-height: 24px; } .comm-page-custom-stock-availability .forceCommunityThemeNav.websterInnerHeader .mainNavItem .linkBtn{ color: rgb(255, 255, 255) !important; text-shadow: none !important; line-height: 24px; } @media only screen and (max-width: 47.9375em){ .forceCommunityThemeNav.websterInnerHeader .mainNavItem{ background-color: rgb(5,32,95) !important; } } @media only screen and (min-width: 992px){ /* body { */ /*background: url('/sfsites/c/resource/HelpCenter_Theme_Image') #fff no-repeat top center; background-attachment: fixed; background-size: cover; display: static;*/ /*background-image: url('/sfsites/c/resource/HelpCenter_Theme_Image'); background-repeat: no-repeat; background-attachment: fixed;*/ /*background-repeat: no-repeat; background-position: center;*/ /* } */ body.null.comm-page-home{ width:965px; margin: 0 auto; background: transparent; } } html{ /*background: url('/sfsites/c/resource/HelpCenter_Theme_Image') center /cover!important; background-attachment: fixed; display: static; background-repeat: no-repeat; background-position: center; */ background-image: url('/sfsites/c/resource/HelpCenter_Theme_Image'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; height: 100%; overflow-x:hidden; } @media only screen and (max-width: 991px){ html{ background-image: none; } } body.null.comm-page-home{ margin: 0 auto; background: transparent; } body.null.comm-page-global-search{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-topic{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-article{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-error{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-contactsupport{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-store{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-store .content{ height: 590px; }*/ body.null.comm-page-custom-contact-form-product{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-product .content{ height: 600px; }*/ body.null.comm-page-custom-contact-form-online{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-online .content{ height: 700px; }*/ body.null.comm-page-custom-contact-form-other{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-abandoned-trolley-or-catalog{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-other .content{ height: 385px; }*/ body.null.comm-page-custom-about-you-screen { width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-about-you-screen .content{ height: 600px; }*/ body.null.comm-page-custom-stock-availability{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-gift-card-balance{ width:965px; margin: 0 auto; background: transparent; } body.comm-page-custom-warranties-manuals{ width:965px; margin: 0 auto; background: transparent; } @media only screen and (max-width: 991px){ body.null.comm-page-custom-contact-form-online{ width: 100%; } body.null.comm-page-custom-contact-form-product{ width: 100%; } body.null.comm-page-custom-stock-availability{ width: 100%; } } @media only screen and (min-width: 992px){ /* body { */ /*background: url('/sfsites/c/resource/HelpCenter_Theme_Image') #fff no-repeat top center; background-attachment: fixed; background-size: cover; display: static;*/ /*background-image: url('/sfsites/c/resource/HelpCenter_Theme_Image'); background-repeat: no-repeat; background-attachment: fixed;*/ /*background-repeat: no-repeat; background-position: center;*/ /* } */ body.null.comm-page-home{ width:965px; margin: 0 auto; background: transparent; } } html{ /*background: url('/sfsites/c/resource/HelpCenter_Theme_Image') center /cover!important; background-attachment: fixed; display: static; background-repeat: no-repeat; background-position: center; */ background-image: url('/sfsites/c/resource/HelpCenter_Theme_Image'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; height: 100%; overflow-x:hidden; } @media only screen and (max-width: 991px){ html{ background-image: none; } } body.null.comm-page-home{ margin: 0 auto; background: transparent; } body.null.comm-page-global-search{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-topic{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-article{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-error{ width:800px; margin: 0 auto; background: transparent; } body.null.comm-page-contactsupport{ width:800px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-contact-form-store{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-store .content{ height: 590px; }*/ body.null.comm-page-custom-contact-form-product{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-product .content{ height: 600px; }*/ body.null.comm-page-custom-contact-form-online{ width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-online .content{ height: 700px; }*/ body.null.comm-page-custom-contact-form-other{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-abandoned-trolley-or-catalog{ width:965px !important; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-contact-form-other .content{ height: 385px; }*/ body.null.comm-page-custom-about-you-screen { width:965px; margin: 0 auto; background: transparent; } /*body.null.comm-page-custom-about-you-screen .content{ height: 600px; }*/ body.null.comm-page-custom-stock-availability{ width:965px; margin: 0 auto; background: transparent; } body.null.comm-page-custom-gift-card-balance{ width:965px; margin: 0 auto; background: transparent; } body.comm-page-custom-warranties-manuals{ width:965px; margin: 0 auto; background: transparent; } @media only screen and (max-width: 991px){ body.null.comm-page-custom-contact-form-online{ width: 100%; } body.null.comm-page-custom-contact-form-product{ width: 100%; } body.null.comm-page-custom-stock-availability{ width: 100%; }} .forceCommunityTopicCatalog .topicHierarchy-topBox { border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#D4D4D4);border-top-width:0px !important; } .footer-col .col-menu a:focus { float: none !important; } @media only screen and (max-width: 767px){ .alertSlider .container{ width: 100% !important; } } button.slds-button.slds-button_brand { margin-top: 10px !important; } @media only screen and (max-width: 767px) { body.null.comm-page-custom-product-registration { width: 100% !important; margin: 0 auto; background: transparent; } body.null.comm-page-custom-abandoned-trolley-or-catalog{ width: 100% !important; } } .navigationBar[flowruntime-flow_flow]{ border-top: 0px solid var(--lwc-colorBorder) !important; } .comm-page-custom-about-you-screen .slds-file-selector__button{ color: black; } /*CDCSS-22314*/ .comm-page-custom-warranty-manuals .dateInputField label,.onlineInputField label{ font-weight: 700; font-size: 16px; line-height: 16px; color: #0D3A93; } .comm-page-custom-warranty-manuals .dateInputField input, .onlineInputField button{ border: 1px solid #0D3A93; border-radius: 8px; height: 56px; color: #0D3A93; box-shadow: none; } .comm-page-custom-warranty-manuals .dateInputField lightning-button-icon .slds-button_icon-bare lightning-primitive-icon svg{ width: 30px; height:30px; fill: #0D3A93; } .comm-page-custom-warranty-manuals .dateInputField lightning-button-icon .slds-button_icon-bare{ right: 15px; top : -10px; } .onlineInputField .slds-icon-utility-down svg{ width: 30px; height:30px; fill: #0D3A93; } .comm-page-custom-warranty-manuals .onlineInputField .slds-icon-utility-down{ right:21px; top:auto; } .comm-page-custom-warranty-manuals .searchButton button{ background-color: #0D3A93; color: #ffffff; height: 56px; border-radius: 8px; border: none; margin-top: 22px !important; font-size: 18px !important; } .comm-page-custom-warranty-manuals .onlineInputField .slds-combobox_container .slds-combobox__input-value{ align-items:center; } .comm-page-custom-warranty-manuals .onlineInputField .slds-combobox__input:focus{ border-color: #0D3A93; box-shadow: none; } .comm-page-custom-warranty-manuals .onlineInputField span.slds-truncate{ color: #0D3A93; } .comm-page-custom-warranty-manuals .onlineInputField .slds-listbox__option .slds-listbox__option-icon svg{ fill: #0D3A93; } .comm-page-custom-warranty-manuals .slds-has-error .slds-input{ border: 1px solid #ea001e; } .comm-page-custom-warranty-manuals .slds-has-error.onlineInputField button{ border: 1px solid #ea001e; } .comm-page-custom-warranty-manuals .slds-spinner_container{ position: relative; margin-top: 28px; display: block; } .comm-page-custom-warranty-manuals .onlineInputField .slds-listbox_vertical .slds-listbox__option.slds-has-focus{ background-color: rgb(0 44 131 / 5%); } .comm-page-custom-warranty-manuals .search-keyword input{ box-shadow:none; color: #0D3A93; } @media only screen and (max-width:767px){ .comm-page-custom-warranty-manuals .searchButton button{ width: 100%; margin-top: 90px !important; } .comm-page-custom-warranty-manuals .dateInputField input{ display:flex; align-items: center; width: 100%; -webkit-appearance: none; -moz-appearance: none; background-image: url(../resource/CORE_CalendarIcon); background-repeat: no-repeat; background-size: 50px 50px; background-position: right } } @media only screen and (min-width:768px){ .comm-page-custom-warranty-manuals .body.isPageWidthFixed-false{ padding-bottom: 60px; } } @media only screen and (max-width: 767px) { iframe.giftCardBalanceAU { width:100%!important; } } .sortingInfo { display: none; } :root { --dxp-c-section-columns-max-width: 1440px; }