@charset "utf-8";

/* ==================================================
	Trane Technologies Main Global Stylesheet
    Created Oct 2024
===================================================== */



/* ==================================================
	TABLE OF CONTENTS
  1. RESET & GLOBAL
  2. SALESFORCE OVERRIDES
  3. SPECIFIC COMPONENTS
  4. RESPONSIVE
===================================================== */




/* ==================================================
	1. RESET & GLOBAL
===================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
	scroll-behavior: smooth;
}

html body {
  font-family: var(--dxp-s-body-font-family);
  font-size: 16px;
  line-height: 24px;
  background-color: var(--neutral-100);
  color: var(--neutral-900);
  overflow-x: hidden;
  font-weight: 400;
}

/* = COLOR VARIABLES = */
:root {
  --neutral-50: #fafafa;
  --neutral-100: #f2f4f5;
  --neutral-200: #E8EBEC;
  --neutral-300: #d6dadc;
  --neutral-400: #bbc1c5;
  --neutral-500: #9fa8ad;
  --neutral-600: #7c878e;
  --neutral-700: #707980;
  --neutral-800: #5e666b;
  --neutral-900: #4D5256;
  --darkGray: #272829;
  --black: #000;
  --white: #fff;
  --trane-red: #da2400;
  --success: #009e3b;
  --warning: #daad00;
  --destructive: #da7100; 
  --secondary-700: #0369A1;
  --backgroundHeader: linear-gradient(45deg, #272829, #4A5054);
  --box-shadow-small: 0px 2px 6px 0px rgba(16, 24, 40, 0.06);
} 


/* = FONTS = */
body h1 {
  font-family: var(--dxp-s-body-font-family);
  font-size: 40px;
  letter-spacing: -2%;
  line-height: 48px;
}

body h2 {
  font-family: var(--dxp-s-body-font-family);
  font-size: 36px;
  letter-spacing: -2%;
  line-height: 44px;
}

body h3 {
  font-family: var(--dxp-s-body-font-family);
  font-size: 32px;
  letter-spacing: -2%;
  line-height: 40px;
}

body h4 {
  font-family: var(--dxp-s-body-font-family);
  font-size: 28px;
  letter-spacing: -2%;
  line-height: 36px;
}

body h5 {
  font-family: var(--dxp-s-body-font-family);
  font-size: 24px;
  letter-spacing: -2%;
  line-height: 32px;
}

body h6 {
  font-family: var(--dxp-s-body-font-family);
  font-size: 20px;
  letter-spacing: -2%;
  line-height: 28px;
}

.display-large {
  font-family: var(--dxp-s-body-font-family);
  font-size: 52px;
  letter-spacing: -2%;
  line-height: 56px;
  font-weight: 700;
}

.display-small {
  font-family: var(--dxp-s-body-font-family);
  font-size: 44px;
  letter-spacing: -2%;
  line-height: 48px;
}

.paragraph-large {
  font-family: var(--dxp-s-body-font-family);
  font-size: 18px;
  line-height: 28px;
}

.paragraph-small {
  font-family: var(--dxp-s-body-font-family);
  font-size: 14px;
  line-height: 20px;
}

.paragraph-x-small {
  font-family: var(--dxp-s-body-font-family);
  font-size: 12px;
  line-height: 20px;
}

.overline {
  font-family: var(--dxp-s-body-font-family);
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;  
  color: var(--neutral-300);
}

.font-normal, .lblBrandLink.font-normal {
  font-weight: 400;
}

.font-lightbold {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.shadow-small {
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.06);
}

.shadow-medium {
  box-shadow: 0px 8px 24px -3px rgba(16, 24, 40, 0.05), 0px 8px 24px -3px rgba(16, 24, 40, 0.10);
}

/* = REUSABLE (BUTTONS, ETC) = */
.slds-button {
  padding: 14px 20px !important;
  border-radius: 8px;
  text-align: center;
  font-family: var(--dxp-s-body-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px !important;
  border: 1px solid transparent;
  color: var(--black);
  background: transparent;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.06);
  box-shadow: var(--box-shadow-small);
}

.btn-radius-top-none .slds-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.slds-input__icon.slds-button {
	padding: 0 !important;
  box-shadow: none !important;
}

.slds-input, .slds-combobox__input, lightning-combobox::part(input-button) {
  --dxp-s-form-element-spacing-block-end: 8px;
  --dxp-s-form-element-spacing-block-start: 8px;
  --slds-c-input-spacing-horizontal-start: 12px;
  --slds-c-input-spacing-horizontal-end: 12px;
}

.slds-input-has-icon_left .slds-input {
  --slds-c-input-spacing-horizontal-start: 32px;
}

.slds-button_brand {
  color: var(--slds-c-button-brand-color-background);
}

.slds-button_neutral {
  --sds-c-button-neutral-color-border: var(--dxp-s-button-color);
  --sds-c-button-neutral-color-border-hover: var(--dxp-s-button-color);
}

.button_gray .slds-button_neutral {
  --sds-c-button-neutral-color-border: var(--neutral-400);
  --sds-c-button-neutral-color-border-hover: var(--neutral-400);
  --sds-c-button-text-color: var(--neutral-800);
  --sds-c-button-shadow-focus: none;
}

.slds-button_outline {

}




/* ==================================================
	2. HEADER / FOOTER
===================================================== */
/* = HEADER = */
.header, .footer {
  background: linear-gradient(45deg, #272829, #4A5054);
  padding: 0 20px;
}

.header ul li > a,
.header ul li.slds-item a,
.header button, 
.header button:hover { 
  color: var(--neutral-50) !important; 
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-family: var(--dxp-s-body-font-family) !important;
}

.header .divBrandPicklist button {
  padding: 6px 12px !important;
  color: var(--neutral-700) !important;
}

.header .divBrandPicklist button[aria-expanded="true"] {
  border: 1px solid transparent !important;
  border-radius: 50px;
}

.header .divBrandPicklist button:hover {
  text-decoration: none !important;
}

.header .divBrandPicklist .slds-input__icon-group_right {
  top: calc(50% - 2px);
}

.header ul li > a:first-child {
	padding-left: 0 !important;
}

.header button .extraSpaceLeft {
    margin-left: 8px;
}

.header button .slds-p-around_x-small {
  padding: 0;
}

.header button:hover, .header ul li > a:hover, .lblBrandLink.underline {
  text-decoration: underline !important;
}

.rshvac_feedbackComponent button:hover {
	text-decoration: none !important;
}

.header button[aria-expanded] {
  border: 1px solid transparent !important;
}

.header .groupMenuItem [data-level="3"] > [ccnavmenus-treeitem_treeitem] {
	padding-left: 26px !important;
}

.header .groupMenuItem button[aria-expanded] {
  border: none !important;
}

.header .groupMenuItem .slds-tree__item button {
  padding: 10px 0px !important;
}

.header .mobileNavigationMenu button[aria-expanded="true"] {
	border: 0 !important;
}

.header button[aria-expanded="true"] {
  border: 1px solid var(--neutral-50) !important;
  font-family: var(--dxp-s-body-font-family) !important;
  border-radius: 8px;
	--dxp-c-nav-bar-menu-item-top-left-border-radius: 8px;
  --dxp-c-nav-bar-menu-item-top-right-border-radius: 8px;
  --dxp-c-nav-bar-menu-item-bottom-right-border-radius: 8px;
  --dxp-c-nav-bar-menu-item-bottom-left-border-radius: 8px;
}

.header button[aria-expanded="true"] .extraSpaceLeft {
  transform: rotate(180deg);
}

.header .hamburgerMenuContainer .extraSpaceLeft {
  margin-right: 7px;
}

.header .hamburgerMenuContainer .menuLink .slds-tree__item-label {
	width: 100%;
}

.header .drillDownItem {
	padding: 16px 0;
}

.header [slot="utilityNav"] {
	margin-left: auto;  
  margin-block: 0;
}

.header .hamburgerMenuContainer {
	top: 70px !important;
}

.header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: var(--dxp-s-header-content-max-width);
  margin: 0 auto;
  border-bottom: 1px solid var(--neutral-800);
  padding: 16px 0px;
}

.header-content {
  display: flex; 
  align-items: center; 
  flex-wrap: wrap;
}

.header .multiLevelMenuDesktop.component-wrapper-spacer, 
.header notifbell-notifications.component-wrapper-spacer,
.header c-rshvac_user-menu.component-wrapper-spacer,
.header c-rshvac_siteaccess.component-wrapper-spacer,
community_layout-hidden-region .component-wrapper-spacer,
.noMarginBottom.component-wrapper-spacer,
.header .multiLevelMenuMobile.component-wrapper-spacer {
  margin-bottom: 0;
}

c-rshvac_feedback-component {
  --dxp-c-component-wrapper-spacer-size: 0;
  --dxp-c-s-component-spacer-size: 0;
  --dxp-s-component-wrapper-spacer-size-mobile: 0;
}

.header .multiLevelMenuMobile .slds-tree_container,
.header .multiLevelMenuMobile .slds-tree_container .vertical-groupDiv-1 {
  background-color: var(--darkGray);
  cursor: default;
  color: var(--neutral-50) !important;
  font-size: 14px !important;
}

.header .multiLevelMenuMobile .slds-tree__item,
.header .mobileNavigationMenu button:hover,
.header .mobileNavigationMenu ul li a {
  border-radius: 8px;
}

.header .mobileNavigationMenu button {
  padding-left: 5px !important;
}

.header .mobileNavigationMenu button[aria-expanded] {
  border: none !important;
}

.header .mobileNavigationMenu .accordionContent ul {
	width: calc(100% - 24px);
}

.header .multiLevelMenuMobile .slds-tree__item:hover,
.header .mobileNavigationMenu ul li a:hover,
.header .mobileNavigationMenu .accordionSummary button:hover,
.header .mobileNavigationMenu .accordionSummary--collapsed button:hover {
  background-color: var(--neutral-900) !important;
}

.header .multiLevelMenuMobile .slds-tree__item .menuLink {
  color: var(--neutral-50) !important;
  font-size: 14px;
  font-family: var(--dxp-s-body-font-family) !important;
  line-height: 20px;
  font-weight: 500;
}

.header .multiLevelMenuMobile .ccnavmenu-hamburger-button,
.header .mobileNavigationMenu .comm-customizable-navigation-trigger {
  padding: 7px !important;
  background-color: transparent !important;
  border: 1px solid var(--neutral-50) !important;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  margin: 17px 0;
  --slds-c-icon-color-foreground: var(--neutral-50);
}

.header .mobileNavigationMenu .comm-customizable-navigation-trigger {
	margin: 0;
  top: 18px;
  position: absolute;
  right: 290px;
}

.header .mobileNavigationMenu svg {
	width: 15px;
}

.header .mobileNavigationMenu svg:hover {
	width: 12px;
}

.header .multiLevelMenuMobile .ccnavmenu-hamburger-button path {
  stroke: var(--neutral-50) !important;
}

.header .multiLevelMenuMobile .ccnavmenu-hamburger-button:focus {
  outline: none;
}

.header .mobileNavigationMenu .comm-customization-navigation-modal,
.header slot[name="utilityNav"] .comm-customizable-navigation-accordion-list,
.header .navigationBar .comm-customizable-navigation-accordion-list {
  background: var(--backgroundHeader);
  --dxp-c-accordion-menu-item-background-color: var(--backgroundHeader);
	--dxp-c-accordion-menu-item-background-hover-color: var(--backgroundHeader);
	--dxp-c-accordion-hover-line-color: transparent;
}

.header .mobileNavigationMenu .comm-customization-navigation-modal,
.header slot[name="utilityNav"] .comm-customizable-navigation-dropdown,
.header .navigationBar .comm-customizable-navigation-dropdown {
  background: var(--darkGray);
}

.header slot[name="utilityNav"] .comm-customizable-navigation-accordion-list,
.header .navigationBar .comm-customizable-navigation-accordion-list {
  padding-block: 7px;
  background: var(--darkGray);
}

.header slot[name="utilityNav"] .comm-customizable-navigation-accordion-list,
.header .navigationBar .comm-customizable-navigation-accordion-list,
.header .mobileNavigationMenu ul {
  border: none;
  --dxp-c-accordion-menu-item-background-color: var(--darkGray);
  --dxp-c-accordion-divider-line-weight: 0;
	--dxp-c-accordion-active-line-color: transparent;
}

.header .mobileNavigationMenu ul {
  margin: 0 12px;
  width: calc(100% - 44px);  
  --dxp-c-accordion-menu-item-line-height: 34px;
}

.header .mobileNavigationMenu ul li a,
.header .navigationBar ul li a,
.header slot[name="utilityNav"] ul li a {
  --dxp-c-accordion-menu-item-line-height: 34px;
  --dxp-c-accordion-sub-menu-item-line-height: 34px;
}

.header .mobileNavigationMenu ul li a:hover,
.header .mobileNavigationMenu .accordionSummary button:hover,
.header .mobileNavigationMenu .accordionSummary--collapsed button:hover {
  text-decoration: none !important;
}

.header slot[name="utilityNav"] .comm-customizable-navigation-accordion-list a,
.header .navigationBar .comm-customizable-navigation-accordion-list a {
  cursor: pointer;
  margin-left: 10px;
  --dxp-c-accordion-active-line-weight: 0;
  --dxp-c-accordion-hover-line-weight: 0;
}

.header slot[name="utilityNav"] .comm-customizable-navigation-bar,
.header .navigationBar .comm-customizable-navigation-bar { 
  --dxp-c-nav-bar-hover-line-color: transparent;
  --dxp-c-dropdown-border-weight: 0;
  --dxp-c-nav-bar-horizontal-alignment: end;
}

.header slot[name="utilityNav"] .comm-customizable-navigation-bar > ul,
.header .navigationBar .comm-customizable-navigation-bar > ul {
  width: 610px;
}

.header slot[name="utilityNav"] .comm-customizable-navigation-bar > ul > li > button,
.header .navigationBar .comm-customizable-navigation-bar > ul > li > button {
  margin-left: -20px;
}

.header webruntime-visibility-container[slot=searchBar] {
  height: 49px;
}

.header c-rshvac_search-input.component-wrapper-spacer {
  margin-bottom: 0;
  top: -15px;
  position: relative;
}

.container .navigationBar .isActive {
  border-bottom: none !important;
  text-decoration: underline !important;
}

.header .searchInput input {
  border-radius: 20px !important;
  background-color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
  font-family: var(--dxp-s-body-font-family);
}

.header .searchInput button {
  top: 5px;
  color: var(--slds-g-color-neutral-base-50) !important;
}

.header .language-selector__button-menu {
  right: 13px;
}

.header .language-selector__button-menu button {
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid var(--white) !important;
}

.header c-b2b_yext-search {
  top: 5px;
  position: relative;
}

/* header margin fix */
.header .component-wrapper-spacer {
  margin: 0 !important;
}

.notificationProfile .searchInput {
  position: absolute;  
  top: 105px;
  width: calc(100% - 100px);
  left: 0;
  z-index: 1;
}

.notificationProfile {
  display: flex;
  align-items: center;
}

.notificationProfile .slds-button {
  background-color: transparent;
  color: var(--neutral-50);
  border-color: var(--neutral-50);
  border-radius: 7px;
  padding: 10px 16px;
  line-height: normal;
}

.notificationProfile .buttonIcon {
  border: none;
  left: -4px;
}

.notificationProfile .buttonIcon:focus {
	box-shadow: none;
}

.notificationProfile .buttonIcon .defaultIcon,
.notificationProfile .buttonIcon:hover .defaultIcon svg {
	color: var(--neutral-100) !important;
}

body nav.applyBackground {
  background-color: transparent !important;
}

body .comm-drilldown-navigation__bar ul li a,
body .comm-drilldown-navigation__bar ul li button {
  background-color: transparent !important;
}

body div.comm-drilldown-navigation__bar {
  
}

.listLinks li {
	margin-block: 8px;
	--dxp-c-link-text-color: var(--neutral-900);
	--dxp-c-link-text-color-hover: var(--neutral-900);
  --dxp-c-link-text-color-active: var(--neutral-900);
  --dxp-c-link-text-color-focus: var(--neutral-900);
  --dxp-s-link-text-decoration-focus: none;
	--dxp-s-link-text-decoration-hover: none;
	--dxp-c-link-color-background: var(--neutral-200);
}

.listWhiteLinks li {
  --dxp-c-link-color-background: var(--white);
}

.listLinks li:last-child {
	margin-bottom: 0;
}

.listLinks li a {
	cursor: pointer;
	padding: 16px;
	display: block;
	border-radius: 8px;
	border: 2px solid var(--neutral-300);
}

.listLinks li a {
  box-shadow: var(--box-shadow-small);
}

.listWhiteLinks li a {
  border: none;
}

.listWhiteLinks li a:hover {
  opacity: 0.8;
}

.listLinks li a:after {
  width: 16px;
  height: 18px;
  background: url(rshvac_assets/chevronright.png);
  content: '';
  top: 3px;
  position: relative;
  float: right;
  background-size: cover;  
}

.iconChevronDown {
  width: 50px;
  height: 30px;
  background: url(rshvac_assets/chevrondown.png);
  background-size: cover;
  background-position: center;
  display: block;
  margin-inline: auto;
  cursor: pointer;
  filter: invert(100%) sepia(85%) saturate(0%) hue-rotate(160deg) brightness(117%) contrast(101%);
}

.iconChevronDown:hover, .yxt-SearchBar-form .js-yxt-SearchBar-clear:hover {
	opacity: 0.8;
}

.suggestions-combobox-container {
  position: relative;
  top: 12px;
}

.suggestions-combobox-container .input-wrapper, 
.suggestions-combobox-container .search-input-with-button { 
  border-radius: 20px !important;
  background-color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
  padding-left: 0px;
}

.suggestions-combobox-container .input-search-button {
  display: none !important;
}

.suggestions-combobox-container .input-search-button:hover,
.suggestions-combobox-container .input-search-button:active { 
  background: transparent;
  box-shadow: none !important;
}

.suggestions-combobox-container .input-clear-button {
	width: 0;
	left: -15px;
  box-shadow: none !important;
}

.header .drillDownItem .megaPopover, 
.header .megaPopover .applyBackground,
.header .megaPopover .applyBackground a {
	background-color: var(--darkGray);
  color: var(--neutral-50) !important;
  font-size: 14px !important;
  cursor: default;
}

.header .megaPopover .menuItemSpan a.menuLink {
  padding-bottom: 4px !important;
  padding-left: 0;
  padding-top: 4px !important;
  padding-right: 4px !important;
  font-family: var(--dxp-s-body-font-family) !important;
  cursor: pointer;
  border-radius: 8px;
}

.header .megaPopover .menuItemSpan .menuLink c-primitive-icon {
  line-height: 18px;
  scale: 0.8;
}

.header .megaPopover .applyBackground > div {
	padding: 0;
}

.header .megaPopover .applyBackground a .labelSpan {
	width: 100%;  
}

.header .megaPopover .labelSpan {
	line-height: 20px;
  font-weight: 500;
}

.header .drillDownItem .megaPopover {
	box-shadow: 100px 0 0 0 var(--darkGray);
	left: -50px;
  padding-left: 50px;
	margin-top: 15px;
}

.header div.applyBackground .applyBackground .menuItemSpan, 
.header .applyBackground .menuItemSpan .menuItemSpan {
  border: 1px solid transparent;
  border: none;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 8px;
  cursor: pointer;
}

.header div.applyBackground .applyBackground .menuItemSpan > .menuItemSpan {
	padding: 4px 8px;
  margin-bottom: 0;
}

.header .megaPopover .slds-size_3-of-12 > .menuItemSpan {
  margin-bottom: 12px;
}

.header .megaPopover .slds-size_3-of-12 > .menuItemSpan > .menuLink {
  margin-top: -4px;
  margin-bottom: 4px;
}

.header .megaPopover .slds-size_3-of-12 > .menuItemSpan .labelSpan {
	padding-left: 0;
  margin-left: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  cursor: default;
}

.header .megaPopover .slds-size_3-of-12 .menuItemSpan a.menuLink:hover {
	background-color: transparent !important;
	padding-left: 0;
}

.header .megaPopover .menuItemSpan a.menuLink:hover,
.header div.applyBackground .applyBackground .menuItemSpan:hover,
a.underline:link:not(.slds-button, .slds-dropdown__item > a),
.underline {
  text-decoration: underline;
}

.header .applyBackground .menuItemSpan {
  border-bottom: 1px solid var(--neutral-900);
  margin-right: 64px;
}

.header .b2b-header-container {
	padding: 0;
  padding-left: 20px;
}

/* ==================================================
	3. SALESFORCE OVERRIDES
===================================================== */
/* = GENERAL = */
body .content-container .comm-section-container,
body community_layout-section.comm-section-container {
  padding: 0 !important;
}
 
body community_layout-section.comm-section-container.slds-p-top_x-large {
  padding-top: 32px !important;
}

body community_layout-section.comm-section-container.slds-p-bottom_medium {
  padding-bottom: 16px !important;
}

body community_layout-section.comm-section-container.slds-p-bottom_large {
  padding-bottom: 24px !important;
}

body community_layout-section.comm-section-container.slds-p-vertical_x-small {
  padding-block: 8px !important;
}

body community_layout-section.comm-section-container.slds-p-vertical_large {
  padding-block: 24px !important;
}

body community_layout-section.comm-section-container.slds-p-vertical_x-large {
  padding-block: 32px !important;
}

body community_layout-section.comm-section-container.slds-p-vertical_xx-large {
  padding-block: 48px !important;
}

body community_layout-section.comm-section-container.slds-p-bottom_x-large {
  padding-bottom: 32px !important;
}

body community_layout-section.comm-section-container.slds-p-bottom_xx-large {
  padding-bottom: 48px !important;
}

/* = FORMS = */
body .slds-label {
  font-family: var(--dxp-s-body-font-family);
  font-size: 14px;
  line-height: 16px;
}

@media (hover: hover) and (pointer:fine) {
  [kx-scope=button-brand]:hover,[kx-scope=button-filled]:hover,[kx-scope=button-neutral]:hover,[kx-scope=button-outline]:hover {
      -webkit-transform: none !important;
      transform: none !important;
  }
}

body div .slds-card { 
  border-radius: 12px;
  border: 0;
  color: var(--neutral-900);
  padding: 32px 24px;
  background-color: var(--white);
  border-color: transparent;
  box-shadow: none;
  height: auto;
  cursor:auto;
}

.slds-card.slds-card_x-small {
	padding: 15px;
}

.slds-card.slds-p-vertical_xx-large {
	padding-block: 48px;
}

.slds-card-border-top-radius_none .slds-card {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

body div .slds-card+.slds-card {
  margin-top: 24px;
}

.link.slds-card:hover {
  box-shadow: 0 2px 6px rgba(16, 24, 40, .2) !important;
  opacity: 0.8;
}

/* forcing the wrapper of content in columns to be matching heights so we can then force content to match the height of the tallest element in the columns */
.columns-content community_layout-column {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.columns-content community_layout-column c-tt_simplecard,
.columns-content community_layout-column c-rshvac_simplecard {
  height: 100%;
}

.columns-content community_layout-column c-tt_simplecard .slds-card,
.columns-content community_layout-column c-rshvac_simplecard .slds-card {
  height: 100%;
}

c-rshvac_2grid .slds-grid slot c-tt_simplecard,
c-rshvac_2grid .slds-grid slot c-rshvac_simplecard {
  height: auto;
}

/* ==================================================
	4. SPECIFIC COMPONENTS
===================================================== */
.gradient, .gradient.comm-section-container .background-image-overlay {
  background: linear-gradient(95deg, rgba(48, 19, 8, 0.70) 0%, rgba(15, 6, 2, 0.70) 33.5%, rgba(0, 0, 0, 0.70) 53%, rgba(7, 15, 16, 0.70) 70%, rgba(22, 46, 49, 0.70) 100%);
}

.productCategories .searchInput input, .htmlSearchInput {
  border-radius: 8px;
  border-color: var(--neutral-300);
  padding-block: 8px;
}

.htmlSearchInput {
  padding-inline: 12px; border-style: solid;
}

.htmlSearchInput::placeholder {
  color: var(--neutral-400);
}

.content-container .partnershipBenefits.comm-section-container,
.content-container .grayGradient.comm-section-container,
.grayGradient .gradient {
  background: linear-gradient(135deg, #4D5256 0%, #7C878E 100%);
}

.content-container .grayGradient2.comm-section-container,
.grayGradient2 .gradient {
  background: linear-gradient(94deg, rgba(40, 48, 72, 0.90) 0%, rgba(133, 147, 152, 0.90) 100%);
}

.content-container .partnershipBenefits.comm-section-container,
.content-container .productCategories.comm-section-container,
.content-container .customerTestimonials.comm-section-container,
.content-container .standardPadding.comm-section-container,
.rshvacCmp {
  padding: 64px 112px !important;
}

.content-container .standardPaddingInline.comm-section-container,
.rshvac_searchResults .standardPaddingInline {
  padding-inline: 112px !important;
}

.content-container .standardPaddingTop.comm-section-container {
  padding-top: 64px !important;
}

.content-container .standardPaddingBottom.comm-section-container {
  padding-bottom: 64px !important;
}

.content-container .productCategories.comm-section-container,
.content-container .background50.comm-section-container {
  background-color: var(--neutral-50);
}

.slds-m-top_xxx-large {
  margin-top: 64px;
}

.slds-m-bottom_xxx-large {
  margin-bottom: 64px;
}

.slds-p-vertical_xxx-large {
  padding-block: 64px;
}

.noOverflow community_builder-output-rich-text {
	overflow: hidden;
}

.overflow_auto {
  overflow: auto;
}

.partnershipBenefits .icon svg, .iconBrandColor svg,
.iconBrandColor[class*="slds-icon-action-"] svg {
  fill: var(--dxp-s-button-color);
}

.partnershipBenefits community_builder-output-rich-text,
.customerTestimonials community_builder-output-rich-text {
	overflow: hidden;
}

.partnershipBenefits .whiteLabel {
  color: var(--white);
}

.partnershipBenefits c-tt_simplecard {
  margin-top: 0;
}

.slds-card_fullHeight .slds-card,
.slds-card_fullHeight .slds-card .content,
.slds-card_fullHeight .body,
.partnershipBenefits .slds-card {
  height: 100%;
}

.slds-card_fullHeight .body {
  display: flex;
  flex-direction: column;
}

.slds-card_fullHeight .bodyText {
  flex: 1;
}

.slds-card_fullHeight .slds-button {
	width: fit-content;
	margin-inline: auto;
}

c-rshvac_-callout_-component,
.partnershipBenefits webruntime-component-container,
.partnershipBenefits c-tt_simplecard {
  height: 100%;
}

.hero_actionButtons .hero .gradient[no-buttons=true] {
  padding-bottom: 40px;
}

.hero_actionButtons .rshvac_actionButtons {
  padding-bottom: 84px;
}

.hero_actionButtons .rshvac_actionButtons lightning-button {
	margin-right: 12px;
  margin-bottom: 0;
}

.actionButtons_seconday_onlyMobile .secondaryButton1 {
  display: none;
}

.image-position-y_center .hero,
.image-position-y_center .Callout {  
  background-position-y: center;
}

.card-image-container {
  margin: -33px -24px;
  height: 300px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.customerTestimonials .component-wrapper-spacer {
	margin-bottom: 0;
}

.recommendedPages .slds-button {
  padding: 6px 12px !important;
  border-radius: 24px;
  background: var(--neutral-900);
  font-weight: 500;
  line-height: 16px !important;
  font-size: 14px;
  border: none;
}

.recommendedPages .slds-button:hover, .recommendedPages .slds-button:focus {
  background: var(--neutral-800);
  box-shadow: none;
}

.main-content {	
  background: var(--neutral-100);
  padding: 0px 20px;
}

.fullWidth {
  margin-left: -20px;
  margin-right: -20px;
}

.backgroundWhite {
  background-color: var(--white) !important;
}

.button_width_full button {
	width: 100%;
}

.brandColor, .lblBrand {
  color: var(--dxp-s-button-color);
}

a.lblBrandLink {
  --dxp-c-link-text-color: var(--dxp-s-button-color);
	--dxp-c-link-text-color-hover: var(--dxp-s-button-color);
  --dxp-c-link-text-color-active: var(--dxp-s-button-color);
  --dxp-c-link-text-color-focus: var(--dxp-s-button-color);
	--dxp-s-link-text-decoration-hover: none;
	--dxp-s-link-text-decoration-focus: none;
}

.lblBrandLink {
  color: var(--dxp-s-button-color);
  font-weight: 500;
  cursor: pointer;
}

.lblBrandLink:hover {
	opacity: 0.8;
}

.lblBrandLink .slds-icon {
  fill: var(--dxp-s-button-color);
  height: 16px;
  width: 16px;
  margin-top: -2px;
  margin-left: 8px;
}

.lblBrandLink[align-icons-right="false"] .slds-icon {
	margin-left: 0;
	margin-right: 8px;
}

.rshvac_siteMessagingRecord .lblBrandLink .slds-icon {
  margin-left: 0px;
  margin-right: 8px;
}

.btnFloatTopRight {
  float: right;
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
}

.slimButton button {
  font-size: 14px;
  padding: 6px 12px !important;
  font-weight: 500;
  line-height: 16px !important;
  border-radius: 24px;
}

.rshvac_promotions .slds-icon {
  fill: var(--white);
}

.rshvac_promotions lightning-primitive-icon {
  display: block;
  line-height: 0;
}

.noHeight {
  height: 0;
}

.inputIconRight .slds-input {
  font-family: var(--dxp-s-body-font-family);
  padding: 24px 80px 24px 32px;
  font-size: 18px;
  line-height: 28px;
  background: rgba(255, 255, 255, 0.20);
  color: var(--neutral-50);
  border-radius: 50px;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
  border-color: transparent;
  opacity: 0.8;
}

.inputIconRight .slds-input::placeholder {
  color: var(--neutral-50);
}

.inputIconRight .slds-input:focus {
  background: rgba(255, 255, 255, 0.20);
  color: var(--neutral-50);
}

.inputIconRight .slds-form-element__control .slds-input__icon {
  left: auto;
  right: 32px;
  width: 36px;
  height: 36px;
  top: 27px;
  fill: var(--neutral-50);
  opacity: 0.8;
}

.inputIconRight .slds-form-element__control .slds-input__icon[data-element-id="searchClear"] {
	display: none;
}

.avatar_userMenu:hover {
  opacity: 0.7;
}

.avatar_userMenu .slds-avatar__initials {
  padding-top: 3px;
}

.avatar_userMenu .slds-avatar__initials:hover {
  cursor: pointer;
}

.cursor_pointer {
  cursor: pointer;
}

.rshvac_notification .lblCheckbox .slds-checkbox_faux {
  float: right;
  width: 24px;
  height: 24px;
  top: 2px;
}

.rshvac_notification .lblCheckbox .slds-checkbox__label {
  cursor: pointer;
}

.rshvac_notification .lblCheckbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
	width: 15px;
	height: 5px;
	top: 45%;
}

.viewAllList {
  padding-inline: 20px;
}

.viewAllList .item {
  border-bottom: 1px solid var(--neutral-300);
}

.viewAllList .image-container {
  height: 192px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
}

.viewAllList .date,
.rshvac_siteMessagingRecord .date {
  color: var(--success);
  font-weight: 500;
  display: inline-block;
  background-color: var(--neutral-100);
  border-radius: 24px;
}

.viewAllList .date[expired="true"],
.rshvac_siteMessagingRecord .date[expired="true"] {
  color: var(--trane-red);
}

/* Announcement / Sales promo list */
.viewAllList .bodyContent {
  color: var(--neutral-700);
  display: block;
  overflow: hidden;
  position: relative;
  height: 96px;
}

.viewAllList .bodyContent::after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 1em;
  background: linear-gradient(to right, transparent, white 50%);
}

.inputLineClamp label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.pagination .slds-button {
  background-color: var(--neutral-50);
  border-radius: 4px;
  padding: 8px !important;
  font-size: 14px;
  line-height: 16px !important;
  color: var(--neutral-700);
  border: none;
  margin-block: 2px;
}

.pagination .slds-button:after {
}

.pagination .slds-button:focus {
  box-shadow: none;
  color: var(--neutral-700);
  background-color: var(--neutral-50);
}

.pagination .slds-button:hover,
.pagination lightning-button[data-active="true"] .slds-button {
  color: var(--dxp-s-button-color);
  background-color: var(--neutral-200);
}

.pagination [data-active="true"] .slds-button {
  cursor: default;
  box-shadow: none;
}

.pagination .pages lightning-button {
  margin-inline: 6px;
}

.pagination {
  margin-block: 60px;
  display: flex;
  justify-content: center;
}

.pagination .pages {
  margin-inline: 80px;
  display: inline-block;  
  text-align: center;
}



.iconClose svg {
  width: 24px;
  height: 24px;
  margin-top: -2px;
}

.notificationPanel.slds-dropdown {
  --dxp-s-text-heading-large-font-weight: 500;
  --lwc-colorTextDefault: var(--neutral-900);
  --dxp-g-root-contrast-1: var(--neutral-900);
  --assistiveUnreadMarkColor: var(--dxp-g-success-1);
  --assistiveUnreadMarkHoverColor: var(--dxp-g-success-1);
	--lwc-colorBorderSeparatorAlt: var(--neutral-300);
}

.notificationPanel.slds-dropdown {
  border-radius: 12px;
}

.notificationPanel.slds-dropdown ul {
  border-radius: 0 0 12px 12px;
}

.notificationPanel .titleName {
  --dxp-s-text-heading-large-font-size: 24px;
  line-height: 32px;
  margin-left: 16px;
}

.notificationPanel .titleContainer {
  border-radius: 12px 12px 0 0;
  height: 54px !important;
  --lwc-spacingSmall: 16px 0 16px 20px;
  --lwc-colorBorderSeparatorAlt: var(--neutral-300);
}

.notificationPanel .titleContainer .titleAction {
  line-height: 18px;
  --lwc-spacingXSmall: 0 15px;
  --dxp-s-body-font-weight: 500;  
  --dxp-s-link-text-decoration-hover: none;
}

.notificationPanel .titleContainer .titleAction a {
  left: 75px !important;
}

.notificationPanel .titleContainer .titleAction a:hover, 
.notificationPanel .closeButton:hover {
  opacity: 0.8;
}

.notificationPanel .notification-row .titleAction {
  float: left;
  margin-top: -43px;
  margin-left: 160px;
  padding: 0;
  --dxp-s-body-font-size: 12px;
  --dxp-s-body-font-weight: 400;
}

.notificationPanel .notification-row.notification-unread .titleAction {
  margin-left: 183px;
}

.notificationPanel .notification-row:hover {
	opacity: 0.8;
}

.notificationPanel .closeButton {
  position: absolute !important;
  top: 12px !important;
  right: 12px;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;  
  border: none;
  font-size: 35px !important;
  --dxp-s-link-text-color: var(--neutral-700);
  --dxp-s-link-text-color-hover: var(--neutral-700);
}

.notificationPanel .closeButton:hover {
  padding: 0 !important;
}

.notificationPanel .notification-avatar {
  display: none;
}

.notificationPanel .notification-link:first-child {
  padding: 20px !important;
  text-decoration: none !important;
  cursor: pointer;
}

.notificationPanel .notification-text-title {
  line-height: 28px;
  --dxp-s-text-heading-medium-font-weight: 600;
}

.notificationPanel .notification-text {
  --dxp-s-text-heading-small-font-size: 16px;
  --dxp-s-text-heading-small-font-weight: 400;
  --lwc-spacingMedium: 8px;
}

.notificationPanel .notification-age {
  line-height: 20px;
  --lwc-colorTextWeak: var(--neutral-900);
}

.notificationPanel .assistive-unread-mark {
  top: -1px;
  position: relative;
}

.heigth16 {
  height: 16px;
}

c-rshvac_action-buttons.slds-m-top_xxx-large,
dxp_base-image.slds-m-top_large, 
dxp_base-image.slds-m-vertical_x-large,
dxp_base-image.slds-m-bottom_x-large {
  display: block;
}

body div .image {
  height: auto;
}

.image-size_1-of-2_large .image,
.image-size_1-of-2_large img,
.image-size_1-of-2 .image,
.image-size_1-of-2 img {
  width: 100%;
  max-height: 450px;
  border-radius: 12px;
  --dxp-c-image-fit: cover;
}

.image-size_1-of-2_large .image,
.image-size_1-of-2_large img {
  max-height: 550px;
}

.image-size_medium .image,
.image-size_medium img {
  border-radius: 12px;
  width: 100%;
  --dxp-c-image-fit: cover;
  --dxp-c-image-height: 350px;
}

.image-size_1-of-3 .image,
.image-size_1-of-3 img,
.image-size_small .image,
.image-size_small img {
  border-radius: 6px;
  width: 100%;
  --dxp-c-image-fit: cover;
  --dxp-c-image-height: 216px;
}

.image-size_x-small .image,
.image-size_x-small img {
  border-radius: 12px;
  width: 100%;
  --dxp-c-image-fit: cover;
  --dxp-c-image-height: 190px;
}

.image-full-vertical img {
  min-height: 600px;
  --dxp-c-image-fit: cover;
}

.border-top-radius {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.border-top-radius_image img {
	border-radius: 0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.border-bottom-radius_none, 
.border-bottom-radius_none > .image-wrapper img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.imageComponent img,
.border-radius_12 {
  border-radius: 12px;
}

.image-position-top_25 img {
  --dxp-c-image-position: 50% 25%;
}

.color50 {
  color: var(--neutral-50);
}

.color200 {
  color: var(--neutral-200);
}

.color300 {
  color: var(--neutral-300);
}

.color500 {
  color: var(--neutral-500);
}

.color600 {
  color: var(--neutral-600);
}

.color700 {
  color: var(--neutral-700);
}

.color800 {
  color: var(--neutral-800);
}

.color900 {
  color: var(--neutral-900);
}

.colorSuccess {
  color: var(--success);
}

.colorWhite,
a.colorWhite:link:not(.slds-button, .slds-dropdown__item > a) {
  color: var(--white);
}

.circleStep {
	background-color: var(--neutral-200);
	padding: 8px;
	border-radius: 4px;
	width: 28px;
	height: 28px;
	display: inline-block;
	line-height: 12px;
	text-align: center;
	font-size: 14px;
}

.verticalContent_desktop {
  position: absolute;
  width: 50%;
  top: 50%;
  transform: translate(0%, -50%);  
}

c-rshvac_accordion.component-wrapper-spacer,
c-rshvac_accordion_document.component-wrapper-spacer {
  margin-bottom: 0;
}

.rshvac_accordion .slds-accordion__summary,
.rshvac_accordion_document .slds-accordion__summary {
  padding: 12px;
  margin: 0;
}

.rshvac_accordion .slds-accordion__summary-content,
.rshvac_accordion_document .slds-accordion__summary-content {
  flex: 3;
  line-height: 24px;
  font-weight: 500;
  white-space: normal;
}

.slds-accordion__section ul, ul.disc {
  list-style-type: disc;
  margin-left: 20px;
  width: calc(100% - 20px);
}

.line-height_large {
  line-height: 32px;
}

.rshvac_accordion .slds-button,
.rshvac_accordion .slds-button:hover,
.rshvac_accordion_document .section-control,
.rshvac_accordion_document .section-control:hover {
  border-bottom: 1px solid var(--neutral-300);
  border-radius: 0;
}

.noBorder .rshvac_accordion .slds-button,
.noBorder .rshvac_accordion .slds-is-open .slds-accordion__content,
.rshvac_accordion .slds-is-open .slds-button,
.rshvac_accordion_document .slds-is-open .section-control {
  border: none;
}

.rshvac_accordion .slds-is-open .slds-accordion__content,
.rshvac_accordion_document .slds-is-open .slds-accordion__content {
  border-bottom: 1px solid var(--neutral-300);
  padding-bottom: 16px;
}

.rshvac_accordion .slds-button lightning-primitive-icon {
  order: 2;
}

.rshvac_accordion .slds-button,
.rshvac_accordion_document .section-control {
  padding: 16px 0 !important;
}

.rshvac_accordion .slds-button:hover,
.rshvac_accordion_document .section-control:hover {
  opacity: 0.8;
}

.rshvac_accordion .slds-button:focus,
.rshvac_accordion_document .section-control:focus {
	--slds-c-button-color-border: var(--neutral-300);
}

.rshvac_accordion .slds-accordion__section,
.rshvac_accordion_document .slds-accordion__section {
  padding: 0;
}

.body_color600 .rshvac_accordion .textHtml {
  color: var(--neutral-600);
}

.rshvac_accordion .textHtml ol {
  margin-left: 19px;
  list-style: auto;
  width: calc(100% - 19px);
}

.rshvac_accordion_document .iconDocument .slds-icon {  
  height: 16px;
  width: 16px;
  margin-top: -2px;
}

.rshvac_accordion_document .slds-icon {  
  height: 14px;
  width: 14px;
}

.rshvac_chatter_poll .slds-radio {
  margin-bottom: 18px;
}

.rshvac_chatter_poll .slds-radio:last-child {
  margin-bottom: 12px;
}

.rshvac_chatter_poll .slds-radio .slds-radio_faux {
	width: 20px;
	height: 20px;
}

.boxGray, .boxGray_noShadow {
  border-radius: 6px;
  box-shadow: 0px 6px 15px -2px rgba(16, 24, 40, 0.08), 0px 6px 15px -2px rgba(16, 24, 40, 0.08);
  background-color: var(--neutral-50);
}

.boxGray_noShadow {
  box-shadow: none;
}

.boxWhite {
  border-radius: 6px;
  background-color: var(--white);
}

.maxWidth_medium {
  max-width: 400px;
}

.maxWidth_medium_extra {
  max-width: 625px;
}

.maxWidth_large, .maxWidth-column_large > .columns-content,
.maxWidth_large .slds-grid {
  max-width: 800px;
  --dxp-c-section-columns-max-width: 800px;
}

.maxWidth_x-large, .maxWidth-column_x-large > .columns-content {
  max-width: 1000px;
  --dxp-c-section-columns-max-width: 1000px;
}

.maxWidth_xxx-large {
  max-width: 1440px;
}

.margin-left_auto {  
  margin-left: auto;
}

.margin-inline_auto, c-rshvac_2grid.margin-inline_auto .slds-grid  {  
  margin-inline: auto;
}

.noMargin {
  margin: 0;
}

.noPadding, 
.slds-card.noPadding {
  padding: 0;
}

.slds-modal .slds-modal__content {
	padding: 24px;
}

.slds-modal__container, .customform {
  --slds-c-modal-radius-border: 8px;
  --sds-c-input-radius-border: 8px;
  --sds-c-select-radius-border: 8px;
  --sds-c-textarea-radius-border: 8px;
  --lwc-fontSizeSmall: 16px;
  --dxp-s-form-element-label-line-height: 18px;
  --dxp-s-form-element-label-font-weight: 500;
  --dxp-s-form-element-color-border: var(--neutral-400);
  --slds-c-checkbox-color-border: var(--neutral-400);
  --dxp-s-form-element-label-color: var(--neutral-900);
  --dxp-s-form-element-label-font-family: var(--dxp-s-body-font-family);
  --dxp-s-form-element-text-font-family:  var(--dxp-s-body-font-family);
  --sds-c-button-shadow-focus: none;
  --lwc-spacingMedium: 0;
}

.customform .slds-dueling-list__options {
	border-color: var(--neutral-400);
}

.customform .fix-slds-input_faux {
	line-height: 24px !important;
}

.slds-modal .slds-modal__header {
  border: 0;
  padding: 44px 24px 8px 24px;
  text-align: left;
}

.slds-modal .header {
	padding: 0;
  margin-bottom: 32px;
  margin-top: -42px;
	background: transparent;
}

.slds-modal .header span {
	font-weight: 500;
}

.slds-modal .slds-modal__header .slds-modal__close {
  top: 16px;
  right: 10px;
}

.slds-modal .slds-modal__header .slds-modal__close svg {
  width: 16px;
  height: 16px;
}

.slds-modal .slds-form-element__label, 
.customform .slds-form-element__label {
	margin-bottom: 8px;
}

.hideComponent.component-wrapper-spacer, 
.customform .slds-form-element__label:empty,
.slds-modal .slds-form-element__label:empty {
  display: none;
}

.slds-modal .slds-form-element__legend,
.customform .slds-form-element__legend {
	font-weight: 500;
}

.slds-modal .flowruntimeBody {
  margin: 0 0 32px 0;
  padding: 0;
}

.slds-modal .flowruntime-input-label {
  padding-top: 0 !important;
  margin-bottom: 8px;
}

.slds-modal .slds-input, 
.slds-modal .slds-select_container .slds-select {
  /*padding: 8px 12px;*/  
  padding-block: 0;
}

.slds-modal .slds-select {
  min-height: 42px;
}

.slds-modal .flow-button__NEXT,
.slds-modal .slds-form-element lightning-combobox {
	padding: 0 !important;
}

.slds-modal .flow-button__NEXT .slds-button {
	padding: 10px 16px !important;
}

.slds-modal .slds-card__footer {
	padding: 16px 0 0 0;
}

.slds-modal .slds-form-element_address .slds-form-element__row {
	align-items: normal;
}

.customform .slds-form-element_compound .slds-form-element__row,
.slds-modal .slds-form-element_compound .slds-form-element__row,
.slds-modal .slds-form-element_address,
.slds-modal .slds-form-element > .slds-form-element,
.slds-modal .slds-form-element[data-field="province"] {
	margin-bottom: 0;
}

.slds-modal flowruntime-multi-checkbox-lwc  {
  margin-bottom: 16px;
  display: block;
}

.slds-modal [data-field="country"] .slds-form-element {
  display: block;
  padding: 0;
}

[aria-description="Feedback Survey Modal"].slds-modal .slds-modal__close {
  top: 46px;
  right: 9px;
  scale: 0.75;
  z-index: 1;
}
  
[aria-description="Feedback Survey Modal"].slds-modal .slds-modal__header {  
  padding: 24px 24px 0 24px;
}

.rshvac_surveyModalPopup {
  --slds-c-modal-heading-font-weight: 500;
  --slds-c-modal-heading-font-size: 16px;
  --slds-c-modal-heading-line-height: 24px;
}

.chat-open .weglot-container {
	z-index: 99;
}

body .chat-iframe-wrap {
  box-shadow: none;
}

.chat-open .chat-iframe-wrap {
	display: none;
}

.imgLogo img {
	--dxp-c-image-height: 44px;
}

.imgLogo_large img {
	--dxp-c-image-height: 88px;
}

.imgLogo_x-large img {
	--dxp-c-image-height: 120px;
}

.img-p-vertical_large img {  
  padding-block: 24px;
}

.html_fullHeight dxp_data_provider-image-data-provider,
.html_fullHeight community_builder-html-editor, 
.html_fullHeight community_builder-output-rich-text, 
.html_fullHeight .cb-outputRichText-container,
.html_fullHeight .flex_column {
	height: 100%;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.alignItems_center {
  align-items: center;
}

div.yxt-SearchBar {
	height: auto;
}

.yxt-SearchBar-form .js-yxt-SearchBar-clear, 
.yxt-SearchBar-form .js-yxt-SearchBar-clear:hover {
  color: var(--neutral-700) !important;  
  padding: 0 16px 0 0 !important;
  position: absolute;
  right: 0;
  top: 13px;
}

.yxt-SearchBar-form .js-yext-submit {
  display: none;
}

.yxt-SearchBar .yxt-SearchBar-container {
  border-radius: 20px;
}

.yxt-SearchBar-input {
  padding-right: 35px;
  text-overflow: ellipsis;
}

.bigSearch .yxt-SearchBar {
  height: auto;
}

.bigSearch .yxt-SearchBar-container {
  background: rgba(255, 255, 255, 0.20);
}

.bigSearch .yxt-SearchBar-input {
  color: var(--white);
  padding: 24px 65px 24px 32px;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}

.bigSearch .yxt-SearchBar-input::placeholder {
  color: var(--neutral-300);
}

.bigSearch .yxt-SearchBar-form .js-yxt-SearchBar-clear,
.bigSearch .yxt-SearchBar-form .js-yxt-SearchBar-clear:hover {
  background: transparent;
  position: absolute;
  right: 0;
  top: 30px;
  margin-right: 32px;
  font-size: 24px;
  color: var(--white) !important;
  border: 2px solid;
  padding: 0 !important;
  border-radius: 100%;
}

/* Quick Order */
c-cceb2b_-quick-orders {
	padding: 32px;
}

c-cceb2b_-quick-orders .slds-m-left_xx-large {
	margin-left: 0;
	margin-top: 0;
}

c-cceb2b_-quick-orders .title-QO,
c-cceb2b_-quick-orders .default-msg-label {
	display: none;
}

c-cceb2b_-quick-orders lightning-layout-item.slds-m-left_small {
	margin-left: 0;
}

c-cceb2b_-quick-orders .headerlabel {
	margin-bottom: 8px;  
  margin-left: 0;
}

c-cceb2b_-quick-orders .headerlabel div {
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}

c-cceb2b_-quick-orders .device-input {
	padding: 8px 12px;
	line-height: 24px;
	height: 40px !important;  
  border-radius: 8px !important;
  border: 1px solid var(--neutral-400) !important;
}

.comparisonTable {
  align-items: stretch !important;
  min-width: 600px;
}

.comparisonTable > div {
  min-height: 95px;  
  align-content: center;  
  border: 1px solid var(--neutral-300);
  border-top: 0;
  border-left: 0;
  padding-inline: 24px;
  padding-block: 12px;
}

.comparisonTable > .header {
  min-height: 53px;
  background: none;
  padding: 0;
  border-right: 0;
}

.comparisonTable .premierCell {
  background-color: var(--neutral-50);
  border-left: 1px solid var(--neutral-300);
}

.comparisonTable .noBorder {
  border: 0;
}

.comparisonTable .star {  
  height: 20px;
  top: -2px;
  position: relative;
}

.rshvac_profilePage .languageReadOnly .slds-combobox__input {
  background-color: transparent;
  cursor: default;
  color: var(--neutral-900);
}

.rshvac_profilePage .languageReadOnly .slds-combobox__input:disabled {
  color: var(--neutral-700);
  cursor: initial;
  border: none;
  padding-left: 0;
}

.rshvac_profilePage .languageReadOnly .slds-input__icon-group, 
.rshvac_profilePage .txtAccountId .slds-icon_container {
  display: none;
}

.rshvac_profilePage .slds-input[disabled] {
  cursor: initial;
}

.rshvac_profilePage .slds-combobox__input {
  padding: 11px 12px;
}

.rshvac_profilePage .slds-combobox__input .slds-truncate {
  line-height: 16px;
}

.rshvac_profilePage .slds-input[readonly], .rshvac_profilePage .slds-input {
  --slds-c-input-spacing-horizontal-start: 12px;
  --slds-c-input-color-border: var(--neutral-400);
    height: 40px;
}

.rshvac_recordTable .slds-card {  
  min-height: 180px;
  overflow: auto;
}

.rshvac_recordTable .slds-card.min-height_auto {  
  min-height: auto;
}

.rshvac_recordTable .slds-card .footer {
	background: none;
	padding: 0;
}

.rshvac_profilePage .slds-select_container .slds-select,
.rshvac_recordTable .searchInput .slds-input {
  padding: 8px 12px;
  border-color: var(--neutral-400);
  color: var(--neutral-900);
  cursor: initial;
  height: 40px;
}

.rshvac_recordTable .searchInput {
	margin-bottom: 0;
}

.rshvac_recordTable .searchInput .slds-input__icon {  
  right: 12px;
  left: auto;
}

.rshvac_recordTable .searchInput [populated] .slds-icon-text-default,
.rshvac_recordTable .searchInput .slds-form-element__label,
.rshvac_profilePage .languageReadOnly .slds-select_container:before,
.rshvac_profilePage .languageReadOnly .slds-select_container:after {  
  display: none;
}

.rshvac_recordTable .slds-button_destructive {
	--sds-c-button-destructive-color-background: var(--dxp-s-button-color);
	--sds-c-button-destructive-color-border: var(--dxp-s-button-color);
}

.rshvac_profilePage .slds-form-element__static,
.rshvac_profilePage .slds-input[readonly],
.rshvac_profilePage .slds-select[disabled] {
  color: var(--neutral-700);
  border: none;
  padding-left: 0;
}

.rshvac_profilePage input[readonly][role=combobox][disabled],
.rshvac_profilePage .slds-select[disabled] {
  background-color: transparent;
  box-shadow: none;
}

.rshvac_profilePage .slds-required {
  margin: 0 4px 0 0;
}

.rshvac_profilePage .slds-form-element__label {  
  margin-bottom: 8px;
}

.rshvac_recordTable .slds-table thead th {
  background-color: var(--white);
  padding: 12px 16px;
  border-top: 1px solid var(--neutral-200);  
  color: var(--neutral-700);
  text-transform: none;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1px;
}

.rshvac_recordTable .slds-table_cell-buffer tr>th:first-child,
.rshvac_recordTable .slds-table_cell-buffer tr>td:first-child {
	padding-left: 0;
}

.rshvac_recordTable .slds-table_cell-buffer tr>th:last-child,
.rshvac_recordTable .slds-table_cell-buffer tr>td:last-child {
	padding-right: 0;
  text-align: right;
}

.rshvac_recordTable .slds-text-heading--label {
  text-transform: none;
  --slds-g-color-neutral-base-30: var(--neutral-700);
  font-size: 14px;
  font-weight: 500;
}

.rshvac_recordTable .slds-table_bordered {
  border: none;
  --slds-g-color-border-base-1: var(--neutral-200);
  overflow: auto;
  display: table;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
}

.rshvac_recordTable .slds-table_bordered lightning-input.slds-form-element {
  margin-bottom: 0;
}

.rshvac_recordTable .slds-checkbox__label .slds-checkbox_faux,
.rshvac_recordTable .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux {
  display: block;
  margin: auto;
  width: 20px;
  height: 20px;
  --slds-c-checkbox-color-background-checked: var(--dxp-s-button-color);
  --slds-c-checkbox-mark-color-foreground: white;    
  --slds-c-checkbox-color-border-checked: transparent;
}

.rshvac_recordTable .slds-text-link {
  color: var(--dxp-s-button-color);
}

.rshvac_recordTable .slds-table td, 
.rshvac_recordTable .slds-table th {
  padding: 12px 16px;
}

.rshvac_recordTable .pagination {
  margin-top: 24px;
  margin-bottom: 0;
}

.rshvac_recordTable .slds-table_bordered tbody tr:last-child td {
  border-bottom: 1px solid var(--neutral-200);
}

.rshvac_recordTable .searchText {
  width: 320px;
  float: right;
  top: -4px;
  position: relative;  
  margin-top: 12px;
  margin-bottom: 20px;
  --sds-c-input-radius-border: 8px;
}

lightning-button-icon.noBorder .slds-button_icon {
  padding: 0 !important;
  height: 0;
  border: none;
  box-shadow: none;
}

.rshvac_accountDetailsPage .slds-form-element__control {
  min-height: 26px;
}

.rshvac_accountDetailsPage lightning-formatted-text, 
.rshvac_accountDetailsPage .slds-form-element__label,
.rshvac_accountDetailsPage .slds-form-element__static,
.recordDetailsPage .slds-form-element__static,
.recordDetailsPage lightning-formatted-text, 
.recordDetailsPage .slds-form-element__label {
  display: inline-block;
  color: var(--neutral-900);
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 0;    
}

.recordDetailsPage .slds-card__header {
	padding-inline: 0;
}

.recordDetailsPage .slds-form-element__static {
	font-size: 14px;
	line-height: 16px;
	height: 16px;
  font-weight: 400;
}

.recordDetailsPage .slds-form-element_readonly .slds-form-element__control {
  padding: 8px 12px;
}

.recordDetailsPage {
	--dxp-s-form-element-label-font-family: Inter;
}

.recordDetailsPage .slds-modal .slds-form-element__label {
	margin-bottom: 8px;
}

.recordDetailsPage .slds-modal .slds-form-element_stacked:not(.slds-form-element_readonly) {
	margin-bottom: 16px;
}

.recordDetailsPage .slds-section__title-action {
	padding: 0 !important;
	border: none;
}

.recordDetailsPage .slds-section__title-action:hover,
.recordDetailsPage .slds-section__title-action:focus {
	box-shadow: none;
}

.recordDetailsPage .slds-combobox_container.slds-has-selection .slds-combobox__input-value:focus,
.recordDetailsPage .slds-input[readonly],
.recordDetailsPage .slds-input[readonly][role=combobox] {
  --slds-c-input-spacing-horizontal-start: 12px;  
  box-shadow: none;
}

.recordDetailsPage .editMode .slds-input-has-icon_left-right .slds-input[readonly],
.recordDetailsPage .slds-input-has-icon_left-right .slds-input[readonly],
.recordDetailsPage .slds-input-has-icon_left-right .slds-input[readonly]:focus {
	--slds-c-input-spacing-horizontal-start: 32px;
}

.recordDetailsPage .editMode .slds-input[readonly] {
  --slds-c-input-spacing-horizontal-start: 0;
}

.recordDetailsPage .slds-card__footer {
  background: none;
  border: none;  
  box-shadow: none;  
  padding: 0;
  margin-top: 16px;
}

.recordDetailsPage .slds-card__footer .slds-button_icon-error {
  display: none;
}

.recordDetailsPage .slds-modal__footer {
  margin: 0;
}

.recordDetailsPage .slds-form-element .slds-dueling-list__column lightning-button-icon,
.recordDetailsPage .slds-form-element lightning-helptext lightning-button-icon {
  float: none;
  position: inherit;
  right: inherit;
}

.rshvac_accountDetailsPage .slds-form-element {
  margin-bottom: 0;
}

.rshvac_accountDetailsPage .editMode div[help-text] lightning-helptext {
	display: none;
}

.rshvac_accountDetailsPage lightning-helptext {
  float: right;
  margin-top: -28px;
}

.rshvac_accountDetailsPage lightning-helptext .slds-button.slds-button_icon {  
  padding: 0 !important;
}

.rshvac_accountDetailsPage .slds-input[disabled],
.rshvac_accountDetailsPage .slds-input[readonly] {
  color: var(--dxp-g-root-contrast);
  font-size: 16px;
}

.contactDetail {
  --slds-c-input-spacing-horizontal-start: 12px;
  --dxp-s-form-element-label-font-family: Inter;
}

.contactDetail .slds-form-element.slds-form-element_stacked:not([class*=slds-size]) {
  /*flex-basis: calc(100% - 30px);*/
}

.contactDetail .slds-form-element lightning-button-icon {  
  /*float: right;*/
  /*right: -30px;*/
  /*position: relative;*/
}

.contactDetail .slds-form-element lightning-button-icon .slds-button__icon_small {
  width: 14px;
  height: 14px;
}

.contactDetail .slds-section__content,
.contactDetail .slds-card__body,
.contactDetail .slds-form-element_stacked .slds-form-element__icon {
  margin: 0;
  padding: 0;
}

.contactDetail dxp_records-detail-panel .slds-card__header {
  display: none;
}

.contactDetail .slds-button.slds-button_icon {
  padding: 0 !important;
}

c-b2b_yext-search.darkTheme .yxt-SearchBar-container {
  width: 100%;
  border: none;
  border-radius: 40px;
}

c-b2b_yext-search.darkTheme .yxt-SearchBar-input {
  height: 77px;
  font-size: 18px;
  line-height: 28px;
}

.bigSearch.darkTheme .yxt-SearchBar-form .js-yxt-SearchBar-clear,
.bigSearch.darkTheme .yxt-SearchBar-form .js-yxt-SearchBar-clear:hover {
  top: 26px;
}

c-b2b_yext-search.showIcon .yxt-SearchBar--hidden + .yxt-SearchBar-button {
	display: inherit;
  background: none; 
  margin-top: 7px; 
  margin-right: 10px; 
  color: var(--neutral-300); 
}

.spinner-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9002;
}

/* ==================================================
	5. RESPONSIVE
===================================================== */
/* = RESPONSIVE FONTS = */
@media (max-width: 767px) {
  body h1 {
    font-family: var(--dxp-s-body-font-family);
    font-size: 36px;
    letter-spacing: -2%;
    line-height: 44px;
  }

  body h2 {
    font-family: var(--dxp-s-body-font-family);
    font-size: 32px;
    letter-spacing: -2%;
    line-height: 40px;
  }

  body h3 {
    font-family: var(--dxp-s-body-font-family);
    font-size: 28px;
    letter-spacing: -2%;
    line-height: 36px;
  }

  body h4 {
    font-family: var(--dxp-s-body-font-family);
    font-size: 24px;
    line-height: 32px;
  }

  body h5 {
    font-family: var(--dxp-s-body-font-family);
    font-size: 20px;
    line-height: 28px;
  }

  body h6 {
    font-family: var(--dxp-s-body-font-family);
    font-size: 18px;
    line-height: 24px;
  }
}

/* = HEADER = */
@media (max-width: 767px) {
  .header-content {
      flex-direction: column; 
      align-items: flex-start; 
  }

  .notificationPanel {
    right: -45px !important;
  }

  .hero button, .rshvac_actionButtons button, 
  .rshvac_accordion_document .actionButton button,
  .rshvac_recordTable .btnAddUser button,
  .btnMobileFull button {
    width: 100%;
  }

  .display-large {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.72px;
  }

  .overline {
    font-size: 12px;
  }

  .header-wrap {
    height: 77px;
  }
}

/* interim screen size header fixes */
@media screen and (min-width: 769px) and (max-width: 1023px) {
  ccnavmenus-nav-menu2.component-wrapper-spacer.multiLevelMenuMobile {
      position: absolute;
      right: 0;
      top: 0;
  }

  c-rshvac_main-theme-layout nav {
    height: 72px;
  }

  .searchIcon {
    top: 20px !important;
  }

  c-b2b_yext-search.searchInputComponent {
    top: -10px;
  }

  .yxt-SearchBar-container {
    width: 80%;
  }

  .container_fullWidth .yxt-SearchBar-container {
    width: 100%;
  }

  .header .b2b-header-container {
    padding-left: 0 !important;
    margin-left: 32px;
  }

  lightning-icon.searchIcon.slds-icon_container {
    z-index: 999;
  }
}


@media (max-width: 850px) {
  .header .mobileNavigationMenu .comm-customizable-navigation-trigger {
    top: 18px;
    position: absolute;
    right: 274px;
  }

  .header .language-selector__button-menu {
    right: 5px;
  }

  .header c-b2b_yext-search {
    left: 0;
    width: 250px;
    top: 10px;
  }
}

@media (max-width: 1300px) {
  .header slot[name="utilityNav"] .comm-customizable-navigation-bar > ul,
  .header .navigationBar .comm-customizable-navigation-bar > ul {
    width: 420px;
  }
}

/* MOBILE & TABLET */
@media only screen and (max-width: 1024px) {
  c-tt_hero_component.fullWidth {
    margin: 0 -20px;
  }

	.partnershipBenefits .subtitle, .partnershipBenefits .component-wrapper-spacer {
		margin-bottom: 0;
	}

  .partnershipBenefits .title {
    margin-bottom: 24px;
  }

  .partnershipBenefits community_layout-column-spacer {
    padding: 0 !important;
  }

  .fullWidth {
    margin-left: -20px;
    margin-right: -20px;
  }

	.content-container .customerTestimonials.comm-section-container,
  .content-container .productCategories.comm-section-container,
  .content-container .standardPadding.comm-section-container,
  .rshvacCmp {
		padding: 32px 20px !important;
	}
  
  .content-container .standardPaddingInline.comm-section-container,
  c-rshvac_action-buttons.standardPaddingInline,
  .rshvac_searchResults .standardPaddingInline {
    padding-inline: 20px !important;
  }

  .content-container .standardPaddingTop.comm-section-container {
    padding-top: 32px !important;
  }
  
  .content-container .standardPaddingBottom.comm-section-container,
  c-rshvac_action-buttons.standardPaddingBottom {
    padding-bottom: 32px !important;
  }

  .header .divBrandPicklist button {
    padding: 5px 12px !important;
  }

  .verticalContent_desktop {
    position: inherit;
    width: 100%;
    transform: none;
  }

  .columnReverse_tabletNmobile .columns-content {
    flex-direction: column-reverse !important;
  }

  div .text-align_left_tabletNmobile {
    text-align: left;
  }

  .expressInterestForm_modal .flow-button__NEXT,
  .expressInterestForm_modal .flow-button__NEXT .slds-button,
  .slds-modal .flow-button__NEXT,
  .slds-modal .flow-button__NEXT .slds-button {
    width: 100%;
  }

  .expressInterestForm_modal .navigation-bar__spacer,
  .slds-modal .navigation-bar__spacer {
    flex: 0 !important;
  }

  .expressInterestForm_modal .navigation-bar__right-align,
  .slds-modal .navigation-bar__right-align {
    flex: 1;
  }

  .expressInterestForm_modal .slds-form-element[data-field="province"] .slds-form-element__label,
  .slds-modal .slds-form-element[data-field="province"] .slds-form-element__label {
    max-width: -webkit-fill-available;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
    top: 3px;
    position: relative;
  }

  .p-bottom-tablet_xx-large {
    padding-bottom: 48px;
  }

  .m-block-tablet_x-large, .m-vertical-tablet_x-large {
    margin-block: 32px !important;
  }

  c-rshvac_-display-product-category .slds-card h6 {    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .rshvac_Order_RecordTable .divButtons lightning-button:not(:first-child) button {
    margin-top: 4px;
  }
}

@media only screen and (max-width: 767px) {
  body .dxp-content-layout-site-logo {
    max-height: 44px !important;
  }

  .content-container .partnershipBenefits.comm-section-container {
    padding: 32px 16px !important;
  }

  .hero_actionButtons .rshvac_actionButtons {
    padding-bottom: 32px;
    padding-inline: 16px;
  }

  .hero_actionButtons .rshvac_actionButtons lightning-button {
    margin-inline: 0;
    margin-bottom: 12px;
  }  

  .hero_actionButtons .hero .gradient[no-buttons=true] {
    padding-bottom: 24px;
  }

  c-rshvac_2grid .rshvac_actionButtons {
		margin-bottom: 16px;
	}

  /* -- Sales Promotion Carousel -- */
  .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .hero .subtitle, .Callout .subtitle {
    -webkit-line-clamp: 7;  
  }

  .content {
    left: 58px;
    right: 58px;
  }

  .viewAllList .divTitleBody {
    margin-left: 0;
    margin-top: 16px;
  }

  .pagination .pages {
    margin-inline: 12px;
  }

  .language-selector__button-menu.slds-dropdown-trigger {
    position: absolute;
    top: 94px;
    right: 86px;
    z-index: 10;
  }

  .js-yext-query.yxt-SearchBar-input {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .header .mobileNavigationMenu .comm-customizable-navigation-trigger {
    top: 18px;
    position: absolute;
    right: 126px;
    height: 40px;
  }

  .header .yxt-SearchBar-container { 
    /*width: calc(100% - 72px);*/
  }

  c-rshvac_search-icon {
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 19;
  }

	.header .b2b-header-container {
		padding-top: 11px;
		padding-left: 0;
	}

  .rshvac_recordTable .btnAddUser button,
  .rshvac_Order_RecordTable .divButtons lightning-button:not(:first-child) button, 
  .rshvac_recordTable .btnMobileFull button {
    margin-top: 12px;
  }

  .rshvac_recordTable .divTitle {
    margin-bottom: 12px;
  }

  .rshvac_recordTable .searchText {
    width: auto;
    float: none;
    top: 0;
    position: inherit;
  }

  .rshvac_recordTable .btnAddUser,
  .rshvac_recordTable .btnMobileFull {
    display: block;
  }
  
  .noMarginMobile {
    margin: 0 !important;
  }

	.actionButtons_seconday_onlyMobile .secondaryButton1 {
		display: block;
	}

  @media only screen and (max-width: 767px) {
    .bigSearch .yxt-SearchBar-form .js-yxt-SearchBar-clear, 
    .bigSearch .yxt-SearchBar-form .js-yxt-SearchBar-clear:hover {
        top: 13px;
    }
  }
}

@media (max-width: 480px) {
  .notificationPanel.slds-dropdown {
    width: 350px !important;
  }

  .header .mobileNavigationMenu .comm-customizable-navigation-trigger {
    right: 129px; 
  }

  .header c-rshvac_login lightning-button {
    margin: 0;
  }

  .language-selector__button-menu.slds-dropdown-trigger {
    right: 70px;
  }

  c-b2b_yext-search {
    left: 0;
  }

  .yxt-SearchBar-container { 
    width: 100%;
  }

  .searchIcon {
    right: 8px !important;
  }

  .language-selector__button-menu button, .language-selector__button-menu button:hover {
    padding-inline: 6px !important;
  }
}

@media (max-width: 400px) {
  .notificationPanel.slds-dropdown {
    width: 320px !important;
  }  
  
  .language-selector__button-menu.slds-dropdown-trigger {
    right: 68px;
  }
}