@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:wght@400;700&display=swap");

.blackColor {
  color: black;
}

.greyColor {
  color: grey;
}

.slds-modal .withBorders .slds-card {
  border: solid 1px;
  border-color: var(--midGray);
}

.inputUnits {
  position: absolute;
  top: 8px;
  right: 13px;
}

.superscriptUnits {
  position: absolute;
  bottom: 6px;
  right: -9px;
}

/* prevent truncated card title stretching flex layout*/
.slds-card__header-title {
  display: grid;
}

.disclaimer-style {
  font-size: 11px;
  color: grey;
}

.vr {
  width: 3px;
  height: 100%;
  display: inline-block;
  background-color: var(--lightGray);
}

.bumpBottom {
  margin-bottom: auto;
}

div.siteforceSpinnerManager.siteforcePanelsContainer {
  display: none;
}

.slds-carousel__content.content-container {
  overflow-y: hidden;
}

input[b2b_search_suggestions-input_input] {
  font-family: var(--bodyFont);
  width: 300px;
}

button[b2b_search_suggestions-input_input] svg {
  display: none;
}

button[b2b_search_suggestions-input_input]::after {
  content: "SEARCH";
  padding: 0px 10px;
}

.input-icon-container {
  display: none !important;
}

/* overwrite LWC components */
lightning-combobox.slds-form-element {
  display: inline-block;
}

lightning-button.fullWidth,
lightning-button.fullWidth button {
  width: 100%;
}

@media only screen and (max-width: 460px) {
  lightning-button.fullWidthMobile button {
    width: 100%;
  }

  .fullWidthMobile {
    width: 100%;
  }
}

lightning-card.fullWidth article {
  width: 100%;
}

lightning-card.fullHeight article {
  height: 100%;
}

lightning-card.fullHeightBody article {
  display: flex;
  flex-direction: column;
}

lightning-card.fullHeightBody article .slds-card__body {
  height: 100%;
  flex-grow: 1;
}

lightning-card.headerTopAlign .slds-card__header header {
  display: flex;
  align-items: flex-start;
}

lightning-button.noWrap button {
  white-space: nowrap;
}

lightning-icon.xxx-small svg {
  width: 12px;
}

/* END overwrite LWC components */

/* Stylesheet by Andrew K Smith + Kelly Blank - Perficient Inc., 2021 */

/* ---------------------------------------------- GLOBAL STYLES */

hr {
  margin: unset;
  width: 100%;
}

body {
  position: relative;
  min-width: 320px;
  padding: 0;
  margin: 0;
  font-family: var(--bodyFont);
  color: var(--black);
  font-size: 14px;
  background-color: var(--lightestGray);
  /* this should fix the strange letter spacing */
  font-kerning: none;
  overflow-x: hidden;
}

body:has(.disableBodyScroll) {
  overflow: hidden;
}

.homeWrap .bodyWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1400px;
  background: var(--lightestGray);
}

/* CUSTOM FEATURES */
.customGrid {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
}

/*  
.interactions-region - builder
.column-content - preview
*/
.builderSectionHorizontalCenter .interactions-region,
.builderSectionHorizontalCenter .column-content {
  flex-direction: row !important;
  align-items: center;
  justify-content: center !important;
}

.builderSectionHorizontalCenter .component-wrapper-spacer {
  margin-bottom: 0 !important;
}

.iconfillBlack lightning-icon {
  background-color: transparent;
}

.iconfillBlack lightning-icon svg {
  fill: black;
}

/* END CUSTOM FEATURES */

/* MAKE EXPERIENCE BUILDER TILES BUTTONS ALLIGNED TO THE BOTTOM */
.builderTileGrid .columns-content {
  display: grid !important;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.builderTileGrid community_layout-column-spacer {
  display: none;
}

.builderTileGrid community_layout-column {
  width: 100% !important;
  padding: 0.5rem;
}

.builderTileGrid webruntimedesign-component-wrapper,
.builderTileGrid .interactions-element,
.builderTileGrid .actualNode,
.builderTileGrid dxp_content_layout-tile2,
.builderTileGrid .dxp-block-flexible-layout {
  height: 100%;
}

.builderTileGrid .main-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.builderTileGrid webruntimedesign-design-component,
.builderTileGrid dxp_content_layout-tile2 {
  display: flex;
  height: 100%;
}

.builderTileGrid dxp_content_layout-button-group {
  margin-top: auto;
  padding-top: 10px;
}

.builderTileGrid dxp_content_layout-tile2 h3,
.builderTileGrid dxp_content_layout-tile2 p {
  margin: 10px;
}

/* END MAKE EXPERIENCE BUILDER TILES BUTTONS ALLIGNED TO THE BOTTOM */

/* BUILDER REVERSE GRID CLASS */
@media only screen and (min-width: 64em) {
  .builderReverseGrid .columns-content {
    flex-direction: row-reverse !important;
    flex-wrap: wrap;
  }
}

/* END BUILDER REVERSE GRID CLASS */

lightning-tabset.mobile {
  /* prevent iphone page width overflow */
  overflow-x: hidden;
}

@media only screen and (max-width: 1024px) {
  .homeWrap .bodyWrap {
    min-height: calc(100vh - 155px);
  }

  .customGrid {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }
}

lightning-tabset.displayBlock {
  display: block;
}

.boxedContainer {
  max-width: 1400px;
  padding: 0 5%;
  margin: auto;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .boxedContainer {
    padding: 2%;
  }
}

.headerWrap:after {
  display: block;
  content: " ";
  clear: both;
}

.headerWrap .container {
  display: flex;
  align-items: center;
}

.filter-sort {
  padding: 0 0 0 1.5rem;
  float: left;
  width: 290px;
}

sup {
  font-size: 57%;
  line-height: 0;
  padding-left: 2px;
}

sub {
  font-size: 85%;
  padding-left: 4px;
  position: relative;
  bottom: -0.15em;
}

.slds-col--padded {
  padding-top: 1.5rem;
}

abbr {
  float: right;
}

.slds-required {
  color: var(--black);
}

.text-separator {
  background-color: var(--yellow);
  width: 40px;
  height: 5px;
  margin: 10px auto;
}

/* || variables */

:root {
  --white: #fff;
  --black: #000;
  --yellow: #ffcd2f;
  --lightestGray: #f7f7f7;
  --lightGray: #e8e8e8;
  --midGray: #ccc;
  --darkGray: #2f2f2f;
  --blue: #2679b8;
  --headingFont: "Roboto Condensed", sans-serif;
  --bodyFont: "Roboto", sans-serif;
  --bold: 700;
  --catheadingFont: "Roboto Condensed Bold";
  --_slds-g-shadow-outset-focus: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--headingFont);
  text-transform: uppercase;
}

body h1 {
  font-size: 26px;
  line-height: 100%;
}

body h2 {
  font-size: 22px;
  line-height: 100%;
}

body h3 {
  font-size: 18px;
}

body h4 {
  font-size: 15px;
  line-height: 100%;
}

.slds-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.slds-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: var(--white);
  border: 1px solid var(--lightGray);
}

.slds-checkbox:hover + label:before {
  background: var(--yellow);
}

.slds-checkbox:checked + label:before {
  background: var(--yellow);
}

.slds-checkbox:disabled + label {
  color: var(--midGray);
  cursor: auto;
}

.slds-checkbox:disabled + label:before {
  box-shadow: none;
  background: var(--midGray);
}

.slds-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: var(--black);
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 var(--black), 4px 0 0 var(--black),
    4px -2px 0 var(--black), 4px -4px 0 var(--black), 4px -6px 0 var(--black),
    4px -8px 0 var(--black);
  transform: rotate(45deg);
}

.slds-input {
  /*--Input Boxes--*/
  height: 20px;
  padding-top: 4px;
  border-color: var(--lightGray);
  border-radius: 2px;
}

.slds-input:active,
.slds-input:focus {
  box-shadow: none;
  border-color: var(--blue);
}

/* CSS iOS devices */
@supports (-webkit-touch-callout: none) {
  /* fix iOS lightning-input expanding when populated */
  div[part="input-container"] {
    height: 32px !important;
  }
}

.slds-radio {
  font-family: var(--bodyFont);
  font-size: 14px;
}

.slds-radio:hover .slds-radio_faux {
  background-color: var(--yellow);
}

.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux {
  background-color: var(--yellow);
  box-shadow: none !important;
}

.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux:after {
  background-color: var(--black);
  width: 0.5rem;
  height: 0.5rem;
}

.slds-form-element__label:empty {
  display: none;
}

::placeholder {
  color: var(--midGray);
  opacity: 1;
}

.slds-radio__label {
  cursor: pointer;
}

[role="combobox"] input[readonly],
input[readonly][role="combobox"] {
  border: none;
}

/* check boxes */
.slds-checkbox-button_is-checked {
  background-color: var(--yellow);
  border-color: none;
}

.slds-checkbox [type="checkbox"]:checked + .slds-checkbox_faux,
.slds-checkbox [type="checkbox"]:checked ~ .slds-checkbox_faux,
.slds-checkbox
  [type="checkbox"]:checked
  + .slds-checkbox__label
  .slds-checkbox_faux {
  background-color: var(--yellow);
}

.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 {
  border-bottom: 2px solid var(--black);
  border-left: 2px solid var(--black);
}

/* || dropdowns */
.slds-dropdown__item > a:focus {
  box-shadow: none;
}

/* || buttons */

.button {
  font-family: var(--headingFont);
  font-size: 14px;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  text-align: center;
  width: 100%;
  display: block;
  border-radius: 4px;
  padding: 9px 44px;
}

.slds-button,
.slds-button:hover,
.slds-button:active,
.slds-button:focus {
  box-shadow: none;
  border: none;
}

.slds-button:active,
.slds-button:focus {
  text-decoration: none;
  color: var(--blue);
  outline: none;
  border: none;
}

.slds-button_brand {
  background-color: var(--yellow);
  color: var(--black);
  font-family: var(--headingFont);
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  padding: 0.1rem 1rem;
}

.slds-button_brand:focus {
  background-color: var(--yellow);
  color: var(--black) !important;
}

.slds-button_brand:active {
  background-color: var(--yellow);
  color: var(--black);
  box-shadow: none;
  text-decoration: none;
}

.slds-button_brand:hover {
  background-color: var(--black);
  color: var(--white) !important;
  text-decoration: none;
}

.slds-button_destructive {
  color: white;
  font-family: var(--headingFont);
  text-transform: uppercase;
}

.slds-button_destructive:active,
.slds-button_destructive:focus {
  color: white;
}

.slds-button_outline-brand {
  color: var(--black);
  font-family: var(--headingFont);
  text-transform: uppercase;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: inset 0px 0px 0px 2px black;
  padding: 0.1rem 1rem;
}

.slds-button_outline-brand:active,
.slds-button_outline-brand:focus {
  color: var(--black);
  background-color: transparent;
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 0px 2px black;
}

.slds-button_outline-brand:hover {
  background-color: var(--black);
  color: var(--white);
  text-decoration: none;
}

.slds-button_neutral {
  padding: 0.1rem 1rem;
}

c-vsp_button_group {
  .slds-button_brand {
    border: 1px solid grey;
  }

  .slds-button_brand:hover,
  .slds-button_brand:active,
  .slds-button_brand:focus {
    border: 1px solid grey;
    font-family: unset;
  }

  .slds-button,
  .slds-button:active {
    border: 1px solid grey;
    font-weight: bold;
    font-family: unset;
  }

  .slds-button,
  .slds-button:active:not(:hover) {
    color: black;
  }

  .slds-button:hover {
    border: 1px solid grey;
  }
}

.btn--vertical {
  position: fixed;
  z-index: 1000;
  width: 118px;
  left: 100%;
  top: 40%;
  transform-origin: 0% 100%;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari and Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
}

/******************************************************
 * BUTTON LINK UNDERLINE
 * causing button link double underline when line-break applied 
 * override default sf styles 
 *****************************************************/
[kx-scope="button"][kx-type="underline"]:hover:after {
  content: unset;
}

/******************************************************
 * END BUTTON LINK UNDERLINE
 *****************************************************/

/*****************************************************
 * DEFAULT SALESFORCE BLUE FOCUS BOX 
 *****************************************************/
.slds-combobox__input.slds-has-focus,
.slds-combobox__input:focus {
  box-shadow: none;
}

.slds-listbox--vertical .slds-listbox__option.slds-has-focus,
.slds-listbox--vertical .slds-listbox__option:focus,
.slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-listbox_vertical .slds-listbox__option:focus {
  box-shadow: none;
}

.slds-checkbox [type="checkbox"]:focus + .slds-checkbox--faux,
.slds-checkbox
  [type="checkbox"]:focus
  + .slds-checkbox__label
  .slds-checkbox--faux,
.slds-checkbox
  [type="checkbox"]:focus
  + .slds-checkbox__label
  .slds-checkbox_faux,
.slds-checkbox [type="checkbox"]:focus + .slds-checkbox_faux,
.slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox--faux,
.slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox_faux {
  --slds-c-checkbox-shadow: none;
}

/*****************************************************
 * END DEFAULT SALESFORCE BLUE FOCUS BOX
 *****************************************************/

/* ------------------------------------------------------- HEADER */

/* || navigation menu */

.headerWrap {
  width: 100%;
  min-height: 76px;
  color: var(--white);
  font-family: var(--headingFont);
  text-transform: uppercase;
  text-rendering: geometricPrecision;
  /* content padding. We cannot use global padding since the product detail / BTO detail pages are true full-width */
  padding: 0 40px;
  position: relative;
}

.headerBlack {
  background: var(--black);
}

.headerWrap .logo {
  margin: 16px 3% 16px 0;
  vertical-align: top;
}

.headerWrap .logo img {
  max-height: 46px;
}

.topRight {
  float: right;
  height: 80px;
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 14px;
}

.mainMenu {
  flex-grow: 1;
}

.dealerName {
  display: flex;
  white-space: nowrap;
}

.headerWrap .navMenu li {
  display: flex;
  align-items: flex-start;
}

.headerWrap .navMenu li a {
  color: var(--white);
  font-size: 14px;
  display: block;
  border-bottom: 4px solid transparent;
  height: 100%;
}

.headerWrap .navMenu li a:hover {
  text-decoration: none;
  color: var(--yellow);
}

.headerWrap .navMenu li a:hover {
  border-bottom: 4px solid var(--yellow);
}

.selfServiceUserProfileMenu .login .linkLabel {
  display: inline !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
}

.myAccountMenu {
  position: relative;
}

.myAccountMenu .userAccountText {
  margin-left: 16px;
  padding: 6px 8px;
  border-radius: 16px;
  background: var(--darkGray);
  display: flex;
  align-items: center;
}

.myAccountMenu .userAccountText span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.myAccountMenu > a {
  color: var(--white);
}

.myAccountMenu .slds-dropdown__item > a:hover,
.myAccountMenu .slds-dropdown__item > a:active,
.myAccountMenu .slds-dropdown__item > a:focus {
  color: var(--yellow);
}

.userAccountMenu {
  position: absolute;
  top: 36px;
  background: var(--white);
  padding: 32px 24px;
  color: var(--black);
  width: 600px;
  right: 0;
  z-index: 9;
}

.userAccountMenu .bodyText {
  text-transform: none;
  font-family: var(--bodyFont);
  font-size: 0.8rem;
  padding: 1rem 1rem 0rem 0rem;
}

.uiTabItem {
  margin-right: 20px;
}

.userAccountText svg,
.dealerName svg {
  fill: var(--white);
  width: 16px;
  height: 16px;
  margin: -1px 6px 0;
}

.cursorHover {
  cursor: pointer;
}

.userAccountText:hover,
.helper-trigger[type="checkbox"]:checked + .helper-show .userAccountText {
  background-color: var(--yellow);
  color: var(--black);
}

.userAccountText:hover svg,
.helper-trigger[type="checkbox"]:checked + .helper-show .userAccountText svg {
  fill: var(--black);
}

/* My account menu toggle show hide */
.helper-trigger,
.helper-show {
  display: none;
}

.helper-trigger[type="checkbox"]:checked + .helper-show {
  display: block;
}

.helper-trigger[type="checkbox"]:checked + .helper-show + .helper-hide {
  display: none;
}

body .selfServiceProfileMenuTrigger .trigger-link:focus {
  box-shadow: none;
}

.backButton {
  color: var(--black);
  font-size: 16px;
  font-family: var(--headingFont);
  margin-left: -10px;
}

.backButton svg {
  width: 18px;
  margin-top: -3px;
  transition: margin 0.25s ease;
}

.backButton:hover {
  color: var(--black);
  text-decoration: none;
}

.backButton:hover svg {
  margin-left: -4px;
  margin-right: 4px;
}

/* mobile nav header */

.header {
  z-index: 3;
  display: inline-block;
  width: 100%;
}

.header ul {
  margin: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
  padding: 0 5%;
  gap: 5%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* menu */

.header div div div .navMenu {
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

/* menu icon */

.header .menu-icon {
  display: none;
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 4px;
  position: relative;
  border-radius: 2px;
  transition: background 0.2s ease-out;
  width: 32px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
  border-radius: 2px;
  height: 4px;
}

.header .menu-icon .navicon:before {
  top: 8px;
}

.header .menu-icon .navicon:after {
  top: -8px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ div div div .navMenu {
  max-height: 100vh;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* || promo banner */

.vsp_banner {
  margin: auto;
}

/* ------------------------------------------------------ FOOTER -- */
/* trying to fix a bad overlap between content and footer*/
.footerWrap {
  clear: both;
  background: var(--black);
  color: var(--white);
  padding: 55px 40px 65px;
  position: unset;
  bottom: 0;
  width: 100%;
  min-height: 155px;
}

div#footer:after {
  content: "";
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--yellow);
}

.footerWrap .navMenu li {
  display: inline-block;
  border-right: 1px solid var(--midGray);
  padding-right: 16px;
  margin-right: 16px;
}

.footerWrap .navMenu li a {
  color: var(--white);
}

.cVsp_navigationMenu .navMenu li:last-child {
  border-right: none;
}

.footerWrap .navMenu {
  position: relative;
  height: auto;
  top: auto;
  z-index: 1;
}

.footerWrap .navMenu {
  border-top: none;
}

/* --------------------------------------------- REUSABLE STYLES -- */
.inlineBlock {
  display: inline-block;
}

.pricing {
  font-family: var(--headingFont);
  font-size: 20px;
}

.textLarge {
  font-family: var(--headingFont);
  font-size: 22px;
}

.titleCase {
  text-transform: none;
}

.uppercase {
  text-transform: uppercase;
}

.itemLabel {
  font-family: var(--headingFont);
}

.darkGrey {
  color: var(--darkGray);
}

ul {
  list-style-type: none;
}

.product-title {
  line-height: 175%;
  font-family: var(--headingFont);
}

/* --------------------------------------------- MODALS & FORMS -- */

/* || Global Styling */

.slds-modal__content:last-child {
  border-radius: 0 !important;
}

.slds-modal__container {
  color: var(--black);
}

.slds-modal__container .slds-modal__header {
  padding-bottom: 0;
}

.slds-modal__container .slds-modal__header,
.slds-modal__container .slds-modal__footer {
  text-align: left;
  border: 0;
  border-radius: 0;
}

.slds-modal__header .headerBorder {
  padding-bottom: 16px;
  border-bottom: 2px solid var(--lightGray);
}

.slds-modal__header .headerBorder p {
  color: var(--darkGray);
  font-size: 13px;
  font-family: var(--headingFont);
}

.slds-modal__header .slds-modal__close {
  position: absolute !important;
  top: 5px;
  right: 5px;
  margin-left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}

.slds-modal__header .slds-modal__close svg {
  fill: var(--darkGray);
}

.slds-modal__content {
  background-color: var(--white);
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  padding: var(--lwc-varSpacingMedium, 1rem);
}

.slds-modal__content label:not(.slds-checkbox__label) {
  padding-bottom: 6px;
}

.slds-rich-text-editor__textarea,
.slds-rich-text-editor__output {
  line-height: normal !important;
}

.slds-modal__content .slds-textarea {
  min-height: 20px;
  border-color: var(--lightGray);
  border-radius: 2px;
}

.slds-truncate_container_75 span {
  font-weight: bold;
}

.optinWrap {
  padding: 20px 0 20px 0;
}

.optinWrap .slds-radio .slds-form-element__label {
  font-family: var(--bodyFont);
  text-transform: none;
  font-size: inherit;
  margin: -20px 0 0 30px;
  padding-bottom: 10px;
}

.slds-modal__footer {
  background-color: var(--lightestGray);
}

.slds-modal__footer .slds-button_outline-brand {
  margin-right: 12px;
}

.slds-modal__container .fuel-consumption tr th {
  width: 80%;
}

pre.modalPreDescription {
  white-space: pre-wrap;
  font-family: var(--bodyFont);
  margin: 0;
}

/* market selector */
@media (min-width: 48em) {
  .marketSelectModal {
    max-width: 30rem;
  }
}

.marketSelectModal .slds-modal__content {
  color: var(--black);
  text-align: center;
}

.marketSelectModal header h1 {
  font-size: 2em;
  text-align: center;
}

.marketSelectModal header p {
  font-size: 1em;
  text-align: center;
  padding-top: 10px;
}

.marketSelectModal label {
  display: none;
}

/* --------------------------------------------- MAIN THEME PAGE -- */
.mainWrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.pageWrap {
  flex-grow: 1;
}

/* --------------------------------------------- END MAIN THEME PAGE -- */

/* --------------------------------------------- LANDING PAGE -- */
.homeWrap {
  background-image: url("/sfsites/c/resource/vsp_assets/images/vsp_homeBackground-50.jpg");
  background-size: cover;
  background-position: center;
  background-color: #202020;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.homeWrap .pageWrap > .container {
  display: flex;
  justify-content: center;
}

.landingPath {
  text-align: center;
  color: var(--white);
  padding: 30px 60px 50px;
  min-width: 370px;
  max-width: 432px;
  opacity: 0;
  animation: fadeInAnimation ease-out 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESOURCE TILE */
.homeWrap lightning-tile.resorceTile a {
  color: var(--black);
}

.homeWrap lightning-tile.resorceTile h3 {
  padding-bottom: 5px;
}

.homeWrap lightning-tile.resorceTile img {
  padding-bottom: 5px;
}

.homeWrap lightning-tile.resorceTile {
  height: 100%;
}

.homeWrap lightning-tile.resorceTile .slds-tile__detail {
  height: 100%;
}

.homeWrap lightning-tile.resorceTile slot {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.homeWrap lightning-tile.resorceTile slot div:last-child {
  margin-top: auto;
}

/* END RESOURCE TILE */

.landingWrap .slds-grid .slds-wrap {
  justify-content: center;
}

.landingWrap h1,
.landingWrap h2 {
  font-size: 3.5em;
  padding-bottom: 14px;
}

.landingWrap h1.mainHeading {
  font-size: 3em;
  color: #fff;
  text-align: center;
  padding-bottom: 70px;
}

.landingWrap p {
  font-size: 17px;
}

@media only screen and (min-width: 865px) {
  .homeHeaderLowerText {
    padding-right: 40%;
  }

  .landingWrap {
    width: inherit;
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    align-items: center;
  }

  .actionWrap {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
  }

  .landingWrap h1,
  .landingWrap h2 {
    font-size: 2.5em;
    padding-bottom: 14px;
  }

  .landingPath {
    text-align: center;
    color: var(--white);
    padding: 16px 60px 50px;
    min-width: 370px;
    max-width: 432px;
  }
}

@media only screen and (max-width: 767px) {
  .landingWrap h1.mainHeading {
    margin-top: 60px;
  }

  .landingWrap h1,
  .landingWrap h2 {
    font-size: 3em;
  }

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

  .landingPath {
    min-width: 305px;
  }
}

.landingWrap .slds-button {
  width: 100%;
  margin-top: 20px;
  padding: 4px 0;
  border: 2px solid var(--yellow);
}

.landingWrap .slds-button:hover,
.landingWrap .slds-button:focus,
.landingWrap .slds-button:active {
  border: 2px solid var(--white);
}

.details-col_wrapper:nth-child(2) {
  margin-bottom: 120px;
  background-color: #f7f7f7;
}

/* --------------------------------------------- END LANDING PAGE -- */

/* --------------------------------------------- RESULTS PAGE -- */

/* || filter list */

.filter details summary {
  cursor: pointer;
}

.filter-group__header {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--lightGray);
}

.filter-group__header .slds-button:hover {
  text-decoration: underline;
  color: var(--blue);
}

.filter-group__header .btn-clear .slds-button {
  color: var(--blue);
}

.power-options .slds-button:hover {
  color: var(--blue);
}

.filter-group {
  padding: 1.2rem 0;
}

.filter-group:not(.rawRadioGroup) {
  border-bottom: 1px solid var(--lightGray);
}

.mobileFilterWrap .filter {
  padding: 20px;
}

.power-options .slds-button {
  font-size: 16px;
  line-height: 150%;
  color: var(--black);
}

details[open] > summary {
  margin-bottom: 8px;
}

details[open] summary:after {
  content: "\2303";
  float: right;
  transform: rotate(0deg);
  padding: 8px 8px 0 0;
  height: 10px;
}

summary:after {
  content: "\2303";
  float: right;
  transform: rotate(180deg);
  padding: 0 0 14px 8px;
  height: 10px;
}

.filter .btn-clear {
  float: right;
}

.searchInput {
  position: relative;
}

.searchInput .slds-input {
  padding: 0 2rem;
}

[lightning-input_input-host] {
  display: inline;
}

.filterPanel__group .slds-form-element__legend {
  font-size: 14px;
  font-family: var(--headingFont);
  color: var(--black);
  float: none;
}

.filter .slds-radio {
  line-height: 150%;
}

.slds-radio .slds-form-element__label {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 0;
}

.filter span.slds-radio_faux {
  margin-top: -3px;
}

.powerInput {
  position: relative;
  padding: 8px 0 8px 0;
  margin-top: 8px;
}

.powerInput .slds-button_brand {
  height: 32px;
}

.powerInput .powerLabel-1 {
  position: absolute;
  right: 170px;
  top: 18px;
  z-index: 2;
}

.powerInput .powerLabel-2 {
  position: absolute;
  right: 70px;
  top: 18px;
  z-index: 2;
}

.powerInput .slds-input {
  width: 90px;
  height: 23px;
  padding-right: 0px;
  /* 45px */
}

.powerInput .slds-form-element__control,
.powerInput .slds-form-element {
  float: left;
  margin-right: 5px;
}

.slds-combobox {
  cursor: pointer;
}

/* || Compare Models */
.compareWrap .slds-col {
  min-width: 250px;
}

.compareBox {
  box-sizing: border-box;
  min-height: 70px;
  padding: 13px !important;
  border: 1px solid var(--lightGray) !important;
  border-radius: 6px;
  position: relative;
  background: var(--white);
}

.close {
  position: relative;
  width: 15px;
  height: 15px;
  border: none;
  top: -8px;
  padding: 0;
  background: none;
}

.compareBox img {
  height: 50px;
  width: auto;
}

.compareBox .close svg {
  width: 16px;
  height: 16px;
}

.stickyFooter.bottomfooter .compareWrap {
  width: 100%;
}

.compareItemWrap .cardImage {
  background-color: var(--white);
  margin-bottom: 12px;
  padding: 0;
}

.compareItemWrap .slds-modal__header,
.compareItemWrap .slds-modal__content {
  background-color: var(--lightestGray);
  display: block;
}

.compareItemWrap .cardDetails {
  border-radius: 6px;
  background: var(--white);
  margin-bottom: 36px;
}

.flowruntime-input-label[lwc-tnmta5dbnt] {
  font-size: medium !important;
}

.slds-form-element__label.slds-rich-text-editor__output[lwc-tnmta5dbnt] {
  padding-right: unset;
}

.compareItemWrap .cardFeatures {
  border-top: 2px solid var(--lightGray);
  padding-top: 24px;
}

.compareItemWrap .cardFeatures .featureTitle {
  margin-bottom: -17px;
}

.compareItemWrap .cardFeatures .featureValue {
  background-color: var(--white);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  margin: 30px 0 16px 0;
  min-height: 80px;
}

.compareItemWrap .slds-button_brand,
.compareItemWrap .slds-button_destructive {
  width: 100%;
  padding: 2px 0;
}

.cancelItemWrap .slds-button_outline-brand {
  width: 100%;
  margin-bottom: 12px;
  padding: 2px 0;
}

/* --------------------------------------------------  PRODUCT INVENTORY LIST -- */

.inventory-sort {
  padding: 0 40px;
}

.inventory-header {
  display: inline-block;
  width: 100%;
}

.total {
  padding-top: 6px;
  display: inline;
  float: left;
  font-family: var(--headingFont);
}

.gridResults {
  clear: both;
}

.inventory-sort .sortBy .slds-combobox__input {
  cursor: pointer;
}

.showItem,
.sortBy,
.productView {
  display: inline;
}

.showItem {
  margin-right: 30px;
}

.sortBy .slds-form-element__control {
  width: 200px;
}

.showItem .slds-form-element__control {
  width: 50px;
}

.productSort .itemLabel {
  padding-right: 10px;
}

.resultSize .slds-input {
  border-style: none;
}

.sortBy .slds-input:active,
.sortBy .slds-input:focus {
  box-shadow: none;
}

.resultSize::placeholder {
  color: var(--black);
}

input[readonly][role="combobox"] {
  background-color: transparent;
  border-radius: 0;
  border-bottom: 2px solid var(--lightGray);
  padding-left: 0;
  cursor: pointer;
}

input[readonly][role="combobox"]:focus {
  border-color: var(--lightGray);
  box-shadow: none;
}

.productView .slds-button__icon {
  fill: var(--midGray);
  margin-right: 15px;
}

.productView .slds-button:hover,
.productView .slds-button:focus,
.productView .slds-button:active {
  color: var(--black);
}

.btn--vertical .slds-button {
  border-radius: 4px 4px 0 0;
  font-size: 16px;
  padding: 6px 25px;
}

/* || product card */
.btoCards {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.inventoryCards {
  width: 33.3%;
  padding-bottom: 20px;
}

.card {
  background-color: var(--white);
  border-radius: 6px;
  min-width: 180px;
}

.cardInner {
  padding-top: 18px;
  display: flex;
  flex-direction: column;
}

.cardStatus svg {
  fill: var(--white);
  width: 1rem;
  height: 1rem;
  vertical-align: inherit;
  padding-top: 2px;
}

.cardDetails {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}

.cardName {
  font-family: var(--headingFont);
}

.cardName .pgs-model {
  font-size: 20px;
}

.cardName .sales-model {
  font-size: 14px;
  color: var(--darkGray);
}

.cardIcon {
  display: flex;
  justify-content: flex-end;
  margin-right: -12px;
}

.cardIcon svg {
  width: 20px;
  height: 20px;
}

.slds-icon-text-default {
  fill: var(--black);
}

.decrement-btn .slds-icon-text-default,
.increment-btn .slds-icon-text-default {
  fill: #747474;
}

.decrement-btn[disabled] .slds-icon-text-default,
.increment-btn[disabled] .slds-icon-text-default {
  fill: #ccc;
}

.cardImage {
  /* Image should be: 249 x 187 @ 144dpi */
  clear: both;
  max-width: 100%;
  min-height: 156px;
  padding: 20px 0 12px 0;
}

.cardText {
  clear: left;
  line-height: 135%;
}

li.price {
  padding-bottom: 8px;
}

.cardFooter {
  border-top: 1px solid var(--lightGray);
  padding: 20px 30px;
  margin-top: auto;
}

.cardFooter .itemLabel {
  font-family: var(--headingFont);
  text-transform: uppercase;
  text-align: center;
}

span.slds-form-element__label {
  font-size: 14px;
  color: var(--black);
}

.cardFooter .slds-button_brand,
.cardFooter-BTO .slds-button_outline-brand {
  width: 100%;
  padding: 2px 0;
}

.cardFooter-BTO {
  background-color: var(--lightGray);
  border-top: 1px solid var(--lightGray);
  border-radius: 0 0 6px 6px;
  padding: 20px 30px;
}

.card-noInventory {
  background-color: var(--white);
  border-radius: 6px;
  width: 300px;
  margin-top: 40px;
}

.card-noInventory header {
  display: inline-flex;
  align-items: center;
  padding-bottom: 20px;
}

.card-noInventory header h2 {
  text-transform: none;
  margin-left: 20px;
}

.card-noInventory .slds-icon {
  width: 2.5rem;
  height: 2.5rem;
}

.card-noInventory .cardFooter .slds-button_outline-brand {
  width: 100%;
  padding: 2px 0;
}

.card-noInventory .noInventory p {
  padding-bottom: 12px;
}

.loadMore_btn {
  margin: 20px 0;
  position: relative;
}

.loadMore_btn::before {
  content: "";
  height: 1px;
  width: calc(50% - 150px);
  position: absolute;
  left: 0;
  top: 50%;
  background: var(--lightGray);
}

.loadMore_btn::after {
  content: "";
  height: 1px;
  width: calc(50% - 150px);
  position: absolute;
  right: 0;
  top: 50%;
  background: var(--lightGray);
}

.loadMore .slds-button_outline-brand {
  width: 270px;
  display: flex;
  margin: 0 auto;
  align-items: center;
}

/* || callout styling */

.calloutTextWrap {
  position: relative;
  height: 80%;
}

.calloutText {
  color: #fff;
  position: absolute;
  bottom: 7%;
}

.calloutText h2 {
  font-size: 38px;
  padding: 0 40px;
  text-transform: uppercase;
}

.calloutText h2:after {
  content: " ";
  width: 60px;
  height: 6px;
  background-color: var(--yellow);
  bottom: 3px;
  display: block;
  margin-top: 5px;
}

.calloutButton {
  display: block;
  position: absolute;
  bottom: -4%;
  z-index: 999;
  margin-left: 40px;
}

/* ---------------------------------------------  PRODUCT INVENTORY DETAIL PAGE PRODUCT DETAIL PAGE -- */

.expandImage {
  position: absolute;
  right: 0;
  top: 0;
}

.image__thumbnail {
  position: relative;
  margin-top: 6px;
}

.forceCommunitySection .cb-section_column:only-child,
.forceCommunitySection .cb-section_column:last-child,
.forceCommunitySection .cb-section_column:first-child,
.forceCommunitySection .cb-section_column {
  padding: 0 !important;
}

.comm-page-detail-01t .forceCommunitySection .cb-section_column:first-child {
  background-color: #fff;
}

.productDetail-infoWrap {
  overflow: auto;
  overflow-x: hidden;
  padding-right: 16px;
}

.productDetail-infoWrap::-webkit-scrollbar-track,
.doubleTabWrap
  .slds-tabs_default
  .slds-tabs_default
  .slds-tabs_default__content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: var(--lightGray);
}

.productDetail-infoWrap::-webkit-scrollbar,
.doubleTabWrap
  .slds-tabs_default
  .slds-tabs_default
  .slds-tabs_default__content::-webkit-scrollbar {
  width: 10px;
  background-color: var(--lightGray);
}

.productDetail-infoWrap::-webkit-scrollbar-thumb,
.doubleTabWrap
  .slds-tabs_default
  .slds-tabs_default
  .slds-tabs_default__content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: var(--darkGray);
}

.productDetail-infoWrap h4 {
  text-transform: uppercase;
}

.b2b-product-details-display {
  background-color: #fff;
  flex-grow: 1;
}

c-vsp_b2b_product-details {
  flex-grow: 1;
}

.fixedButtonsWrap {
  position: unset;
  bottom: 0;
  right: 0;
  width: 50%;
}

.btoConfiguration {
  margin-top: auto;
}

.btoConfiguration .fixedButtonsWrap {
  width: 100%;
}

/* Accordion sections - using lightning-accordion */
body .slds-accordion__summary {
  margin-left: 0;
  margin-right: 0;
}

body .slds-accordion__section {
  padding-left: 0;
  padding-right: 0;
}

lightning-accordion.slds-accordion {
  border-top: 1px solid var(--lightGray);
  border-bottom: 1px solid var(--lightGray);
}

.slds-accordion__summary-action {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.slds-accordion__summary-action span {
  text-transform: uppercase;
}

body .slds-accordion__summary-action.slds-button:hover,
body .slds-accordion__summary-action.slds-button:focus,
body .slds-accordion__summary-action.slds-button:active {
  color: var(--yellow);
  text-decoration: none;
}

.slds-accordion__summary-heading .slds-button:focus {
  box-shadow: none;
}

body .slds-accordion__list-item {
  border-color: var(--lightGray);
}

/* || configuration tab */
.productDetail-infoWrap .accordionButton .slds-button {
  color: var(--darkGrey);
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid var(--lightGray);
  border-radius: 0;
  padding: 14px 0 14px;
}

.productDetail-infoWrap .accordionButton .slds-button:hover,
.productDetail-infoWrap .accordionButton .slds-button:active,
.productDetail-infoWrap .accordionButton .slds-button:focus {
  border-top: 1px solid var(--lightGray);
  text-decoration: none;
  color: var(--yellow);
}

.productDetail-infoWrap .accordionButton .slds-button svg {
  float: right;
  margin-top: 8px;
  width: 20px;
  height: 20px;
}

.productDetail-infoWrap label {
  font-family: var(--bodyFont);
  line-height: 175%;
}

.configurationWrap ul ul {
  padding-left: 20px;
}

/* || specification tab */
.product-details table td,
.product-details table th {
  border: none !important;
}

.smallText {
  font-size: 12px;
}

.smallText .slds-icon_container svg {
  font-size: 12px;
  height: 12px;
  width: 12px;
  margin-top: -2px;
  fill: var(--blue);
}

.productDetail-infoWrap table {
  width: 100%;
}

.productDetail-infoWrap tbody tr:nth-child(even) {
  background-color: var(--white);
}

.productDetail-infoWrap th {
  width: 60%;
  font-family: var(--headingFont);
  padding: 12px 10px;
}

.productDetail-infoWrap td {
  padding: 13px 10px 11px 10px;
}

/* || documentation tab */
.documentationWrap li {
  list-style: none;
}

.documentationWrap .sectionHeader {
  border-bottom: 1px solid var(--lightGray);
}

.documentationWrap .downloadAll .slds-button {
  float: right;
  font-size: 12px;
}

.documentationWrap .downloadAll .slds-button svg {
  width: 12px;
  height: 12px;
  margin-top: -4px;
}

.documentationWrap .downloadAll .slds-button:hover,
.documentationWrap .downloadAll .slds-button:active,
.documentationWrap .downloadAll .slds-button:focus {
  text-decoration: underline;
}

.documentationWrap .downloadButton .slds-button svg {
  width: 18px;
  height: 18px;
  margin: -4px 16px 0 0;
  fill: var(--blue);
}

.documentationWrap .downloadButton .slds-button {
  color: var(--blue);
  text-align: left;
}

.documentationWrap .downloadButton .slds-button:hover,
.documentationWrap .downloadButton .slds-button:active,
.documentationWrap .downloadButton .slds-button:focus {
  text-decoration: underline;
}

/* || dealer tab */
.dealer__content .itemLabel {
  margin-bottom: 4px;
}

.dealer__content {
  word-break: break-all;
}

/* left column */
.product-col_wrapper {
  background-color: var(--white);
  min-height: calc(100vh - 150px);
}

.product-col__content {
  display: block;
  margin: 0 auto;
  max-width: 75%;
  padding-bottom: 60px;
}

.product-title .sales-model {
  font-size: 18px;
  color: var(--darkGray);
  font-family: var(--headingFont);
}

.product-title .pgs-model {
  font-size: 32px;
  margin-bottom: 20px;
}

.product-details .pricing {
  font-size: 24px;
  margin-bottom: 10px;
  display: inline-block;
}

.product-details .productAttributes {
  font-size: 16px;
  line-height: 135%;
}

.disclaimer {
  border-top: 1px solid var(--lightGray);
  font-size: 12px;
  color: var(--midGray);
  margin-top: 20px;
  padding-top: 20px;
}

.gcWrap {
  margin-top: 20px;
}

.gcIndicator {
  background-color: var(--darkGray);
  color: var(--white);
  padding: 8px 8px;
  font-size: 20px;
  font-family: var(--headingFont);
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 6px;
}

.gcIndicator sup {
  top: -2px;
}

.slds-popover_tooltip {
  background-color: var(--darkGray);
}

.gcWrap .gc-col {
  width: 50px;
}

.gcWrap .slds-size_11-of-12 {
  padding-right: 18px;
}

.product-details .slds-carousel__panel {
  max-height: 400px;
  overflow: hidden;
}

.slds-carousel__panel-action {
  border: none;
}

.slds-carousel__panel-action:focus {
  box-shadow: none;
  text-decoration: none;
}

.slds-carousel__panel {
  display: flex;
  align-items: center;
}

.slds-carousel__panels > slot {
  display: contents !important;
}

lightning-carousel-image div[role="tabpanel"] {
  width: 100%;
}

.slds-carousel__image {
  border-radius: 0.25rem;
}

.slds-carousel__content {
  /* description box below images */
  background: transparent;
  position: absolute;
  z-index: 8;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--white);
  height: 236px;
}

.vsp_bannerWrap {
  background: var(--midGray);
}

.vsp_bannerContent {
  max-width: 500px;
  margin: 0 auto;
}

.vsp_bannerWrap .slds-carousel__image {
  display: none;
}

.vsp_bannerWrap .slds-carousel__content {
  position: relative;
  color: var(--darkGray);
  height: auto;
}

.inventoryCards .slds-carousel__image {
  background-color: var(--black);
  width: 100%;
}

.inventoryCards .calloutWrap slot {
  width: 100%;
}

/* START - carousel callout fix on product search results page */
.layout-grid .inventoryListCallout {
  padding: 1rem;
}

/* END - carousel callout fix on product search results page */

.inventoryCards .slds-carousel__panel {
  width: 100%;
}

.vsp_bannerWrap .slds-carousel__content .slds-carousel__content-title {
  font-size: 18px;
  line-height: 125%;
}

.vsp_bannerWrap .slds-carousel__content p {
  font-size: 12px;
  line-height: 115%;
}

.slds-carousel__content .slds-carousel__content-title {
  font-size: 34px;
  line-height: 200%;
}

.slds-carousel__content p {
  font-size: 16px;
}

span.slds-carousel__autoplay {
  display: none;
}

.vsp_bannerWrap .slds-carousel__indicators {
  bottom: 4px;
  margin: 0;
  display: none;
}

.slds-carousel__indicators {
  /* carousel buttons */
  position: absolute;
  bottom: 0px;
}

.slds-carousel__indicator {
  margin: 0 6px;
}

.slds-carousel__indicator-action {
  width: 0.9rem;
  height: 0.9rem;
}

.slds-carousel__indicator-action:focus {
  box-shadow: none;
}

.slds-carousel__indicator-action.slds-is-active,
.slds-carousel__indicator-action.slds-is-active:hover {
  background: var(--darkGray);
  border-color: var(--darkGray);
}

c-vsp_inventory_list_callout,
c-vsp_inventory_list_callout lightning-carousel,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel__stage,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel__panels,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel__panels > *,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel__panel-action,
c-vsp_inventory_list_callout lightning-carousel-image > *,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel__image,
c-vsp_inventory_list_callout lightning-carousel .slds-carousel__image img {
  height: 100%;
}

c-vsp_inventory_list_callout lightning-carousel .slds-carousel__panel-action {
  margin: 0;
}

.product-col__content .slds-carousel__content {
  display: none;
}

.product-col__content .slds-carousel__image > img {
  height: auto;
  border-radius: 0;
  max-height: 380px;
  object-fit: contain;
  width: auto !important;
}

.product-col__content .slds-carousel__indicators {
  bottom: 0;
}

.product-col__content .slds-carousel__image {
  text-align: center;
}

.product-details .product-col__content .slds-carousel__panel {
  max-height: 100%;
}

/* right column */
.details-col_wrapper {
  min-height: calc(100vh - 150px);
  position: relative;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
}

.details-col_wrapper .slds-tabs_default__overflow-button {
  height: 2.9rem;
}

.details-col_wrapper .slds-tabs_default__overflow-button .slds-button:focus {
  text-decoration: none;
}

.details-col_wrapper .slds-tabs_default__overflow-button .slds-button:hover,
.details-col_wrapper .slds-tabs_default__overflow-button .slds-button {
  color: var(--black);
}

.express-interest {
  bottom: 0;
  width: 100%;
  height: 60px;
}

.express-interest .btn--wide .slds-button {
  height: 60px;
  width: 100%;
  border-radius: 0;
  border-width: 4px;
  font-size: 18px;
  background-color: var(--white);
}

.express-interest .btn--wide .slds-button:hover,
.express-interest .btn--wide .slds-button:focus,
.express-interest .btn--wide .slds-button:active {
  background-color: var(--black);
  color: var(--white);
  border-color: transparent;
}

.requestQuoteButton .slds-button {
  background-color: var(--yellow);
  border-color: transparent;
  color: var(--black);
  border-radius: 0;
  border-width: 4px;
  font-size: 18px;
  width: 100%;
  height: 60px;
  font-family: var(--headingFont);
  text-transform: uppercase;
}

.requestQuoteButton .slds-button:hover {
  background-color: var(--black);
  color: var(--white);
}

.calcButton .slds-button {
  width: 100%;
}

.reserveReqestWrap {
  width: 100%;
  height: 60px;
}

.reserveReqestWrap
  .slds-checkbox
  .slds-checkbox__label
  .slds-form-element__label,
.bto_reserveReqestWrap
  .slds-checkbox
  .slds-checkbox__label
  .slds-form-element__label {
  font-family: var(--bodyFont);
  text-transform: capitalize;
}

legend.slds-form-element__legend.slds-form-element__label {
  color: var(--black);
  font-family: var(--headingFont);
  text-transform: uppercase;
  padding-bottom: 6px;
}

/* COOKIE NOTIFICATION STYLING */
.cookie-buttons button {
  font-family: var(--headingFont) !important;
  text-transform: uppercase;
  border: none;
  height: auto !important;
}

/* TAB STYLING */
.slds-tabs_default__nav {
  font-size: 20px;
  font-family: var(--headingFont);
  border-bottom-color: var(--lightGray);
}

.slds-tabs_default .slds-tabs_default__item {
  font-size: 20px;
}

.slds-tabs_default__item {
  color: var(--black);
  margin: 0 12px 0 40px;
  padding: 0 0 6px 0;
  text-transform: uppercase;
}

.slds-tabs_default__item.slds-active,
.slds-tabs_default__item.slds-is-active {
  color: var(--black);
}

.slds-tabs_default__item.slds-active:after,
.slds-tabs_default__item.slds-is-active:after,
.slds-tabs--default__item.slds-active:after,
.slds-tabs--default__item.slds-is-active:after,
.slds-tabs_default__item:hover:after {
  height: calc(var(--sds-c-tabs-list-sizing-border, 1px) + 4px);
  background-color: #ffcd2f;
}

.slds-tabs_default__item.slds-is-active:after {
  background-color: var(--yellow);
}

.slds-tabs_default__item:hover:after {
  background-color: var(--yellow);
}

.slds-tabs_default__link[tabindex="0"]:focus {
  text-decoration: none;
}

.slds-tabs_default__content {
  margin: 50px 60px 50px 40px;
  padding: 0;
}

.tabs__content {
  line-height: 150%;
}

/* 2nd level tab styling */
.slds-tabs_default .slds-tabs_default .slds-tabs_default__item {
  height: 30px;
}

.slds-tabs_default .slds-tabs_default .slds-tabs_default__nav a {
  text-transform: none;
  font-size: 13px;
  font-weight: 300;
  font-family: var(--bodyFont);
}

.slds-tabs_default .slds-tabs_default .slds-is-active:after,
.slds-tabs_default .slds-tabs_default .slds-tabs_default__item:hover:after,
.slds-tabs_default .slds-tabs_default .slds-tabs_default__item:active:after,
.slds-tabs_default .slds-tabs_default .slds-tabs_default__item:focus:after {
  height: 2px;
  background-color: var(--black);
}

.doubleTabWrap .slds-tabs_default:first-child .slds-tabs_default__content {
  margin: 10px 0;
}

.doubleTabWrap
  .slds-tabs_default
  .slds-tabs_default
  .slds-tabs_default__content {
  margin: 30px 0px 30px 40px;
  max-height: 48vh;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 16px;
}

.doubleTabWrap .slds-tabs_default .slds-tabs_default .slds-tabs_default__nav {
  border-bottom: none;
}

/* BTO specific styling */
.btoResults .inventory-sort {
  padding: 0 50px 0 40px;
}

.btoResults .card,
.btoResults .cardInner {
  height: 100%;
}

.btoTitle {
  padding: 20px 40px 10px 40px;
  border-bottom: 1px solid var(--lightGray);
  margin-bottom: 12px;
}

.btoTitle h4 {
  font-size: 16px;
  font-family: var(--bodyFont);
  text-transform: none;
}

.btoTitle .subTitle {
  display: inline-flex;
  flex-wrap: wrap;
}

.btoTitle svg {
  fill: var(--blue);
  margin-top: -2px;
}

.btoTitle a {
  text-transform: none;
}

.btoModalsWrap .btoModalButton .slds-button {
  color: var(--black);
  font-family: var(--headingFont);
  font-size: 20px;
  margin-right: 24px;
}

.btoModalsWrap .btoModalButton .slds-button:hover,
.btoModalsWrap .btoModalButton .slds-button:active,
.btoModalsWrap .btoModalButton .slds-button:focus {
  color: var(--yellow);
  text-decoration: none;
}

.btoCategoryHeader {
  padding-bottom: 6px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--lightGray);
}

.btoSubCategoryWrap {
  margin-bottom: 24px;
}

.btoCard {
  position: relative;
  padding: 12px;
  cursor: pointer;
  min-height: 72px;
  margin-bottom: 12px;
  margin-right: 12px;
  border: 2px solid var(--white);
}

.btoCard:hover .slds-checkbox + label:before,
.btoCard:hover .slds-radio .slds-radio_faux {
  background: var(--yellow);
}

.btoCard:hover {
  border: 2px solid var(--yellow);
}

.radioCheckWrap {
  position: absolute;
  bottom: 12px;
  right: 2px;
}

.radioCheckWrap .slds-radio_faux {
  margin-right: 9px !important;
}

.btoMoreInfo {
  position: absolute;
  right: 13px;
  z-index: 9;
}

.btoMoreInfo svg {
  width: 14px;
  height: 14px;
  float: right;
}

.btoCategoryHeader {
  display: flex;
}

.categoryReset {
  color: var(--blue);
  cursor: pointer;
  position: absolute;
  right: 0;
  margin-right: 20px;
}

.categoryReset:hover {
  text-decoration: underline;
}

.doubleTabWrap {
  position: relative;
}

.summaryButton {
  position: absolute;
  right: 40px;
  top: 145px;
  z-index: 999;
}

.summaryButton .slds-button {
  color: var(--blue);
}

.btoOptionName {
  font-size: 15px;
}

.saveBuild .slds-form-element {
  padding-top: 6px;
}

.summaryTab {
  max-height: 58vh;
  overflow: scroll;
  overflow-x: hidden;
}

.bto_summary_icon .slds-button svg {
  fill: var(--blue);
  margin-top: -4px;
}

.bto_summary_icon .slds-button:hover svg {
  fill: var(--yellow);
}

/* --------------------------------------------- BTO STARTER PAGE -- */
/* --------------------------------------------- SIMPLE SIZER LOAD TYPE -- */
/* --------------------------------------------- SIMPLE SIZER ELECTRICAL LOADS -- */
/* --------------------------------------------- SIMPLE SIZER SUMMARY -- */

.selectionsWrap .header {
  border-bottom: 2px solid var(--lightGray);
  margin-bottom: 15px;
  padding-bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}

.stepTag {
  background-color: var(--midGray);
  color: var(--darkGray);
  padding: 6px 10px;
  font-family: var(--headingFont);
  font-size: 16px;
  border-radius: 4px;
  display: inline-block;
  margin: 0 6px 0 0;
}

.stepTag.activeStep {
  background-color: var(--darkGray);
  color: var(--white);
}

.simpleSizerSteps {
  text-align: right;
}

.pickSelections .card:hover {
  cursor: pointer;
}

.selectionsWrap .footer {
  border-top: 2px solid var(--lightGray);
  margin-top: 40px;
  padding-top: 20px;
}

.selectionsWrap .findGenButton {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: auto;
  padding-top: 60px;
}

/* || LEFT COLUMN */

.defaultSelections__box {
  background-color: var(--white);
  border-radius: 4px;
  padding: 20px 30px;
  display: flex;
}

.defaultSelections .edit {
  float: right;
}

.defaultSelections .edit svg {
  width: 20px;
  height: 20px;
  fill: var(--blue);
  margin-right: 0;
}

/* Edit modal */
.btoStarter_modal .slds-modal__container .slds-modal__header {
  padding: 15px;
}

.btoStarter_modal .slds-modal__content label,
.btoStarter_modal .slds-modal__content legend {
  font-size: 16px;
  font-family: var(--headingFont);
  color: var(--black);
  padding-bottom: 12px;
}

.btoStarter_modal .slds-modal__content .slds-radio {
  border: 2px solid var(--lightGray);
}

.btoStarter_modal .slds-radio {
  border: 2px solid var(--lightGray);
}

.btoStarter_modal .slds-modal__content .slds-button {
  width: 100%;
}

/* -- end modal */

.defaultSelections label {
  font-family: var(--headingFont);
  overflow: hidden;
}

.defaultSelections p {
  font-size: 16px;
  padding-top: 4px;
}

/* || RIGHT COLUMN */
.pickSelections {
  border-left: 2px solid var(--lightGray);
  padding-left: 48px;
}

.sizingLoads .pickSelections {
  min-height: 650px;
}

.slds-form-element .slds-radio [type="radio"] + .slds-radio_faux,
.slds-form-element .slds-radio [type="radio"] ~ .slds-radio_faux,
.slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux {
  margin-right: 16px;
}

.selectionsWrap
  .slds-form-element__control
  .slds-radio:not(.rawRadioGroup .slds-radio) {
  display: inline-block;
}

.selectionsWrap .slds-radio:not(.rawRadioGroup .slds-radio) {
  width: 100%;
  min-width: 100%;
  padding: 24px;
  background-color: var(--white);
  border-radius: 8px;
  border: 2px solid var(--white);
}

.selectionsWrap .slds-radio:hover:not(.rawRadioGroup .slds-radio),
.selectionsWrap .slds-radio:active:not(.rawRadioGroup .slds-radio),
.selectionsWrap .slds-radio:focus:not(.rawRadioGroup .slds-radio) {
  border: 2px solid var(--yellow);
}

.defaultSelections .slds-radio .slds-form-element__label {
  font-family: var(--bodyFont);
}

.pickSelections .powerRange h3 {
  float: left;
  margin: 6px 30px 30px 0;
}

/* -- slider begins */
.pickSelections .slds-slider__value {
  padding: 0;
  font-family: var(--headingFont);
}

.pickSelections .valueEnd {
  float: right;
  margin-right: -10px;
}

.pickSelections .inputKVA input {
  width: 120px;
  padding-right: 40px;
}

.pickSelections .inputKVA p {
  position: relative;
  bottom: 27px;
  left: 84px;
  width: -webkit-fit-content;
}

.pickSelections .inputKVA label {
  font-size: 16px;
  color: var(--black);
  padding-bottom: 8px;
}

/* -- slider end */

.simpleSizerWrap .header .slds-button:active {
  color: var(--yellow);
}

/* || Simple Sizer - Select Load Types */
.pickSelections .card {
  padding: 10px 18px 10px 10px;
  min-height: 79px;
  min-width: 200px;
  border: 2px solid var(--white);
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 125%;
  cursor: pointer;
}

.pickSelections .card.checked {
  border-color: var(--yellow);
}

.sizingLoads img {
  max-width: inherit;
}

.pickSelections .card .img-holder {
  display: inline-block;
}

.pickSelections .card:focus,
.pickSelections .card:active {
  border-color: var(--white);
}

.sizingFilters_modal label {
  font-size: 15px;
  padding-bottom: 12px;
}

.sizingFilters_modal .slds-modal__content .slds-button {
  height: auto;
}

.sizingFilters_modal
  .slds-radio_button
  [type="radio"]:checked
  + .slds-radio_button__label {
  background-color: var(--yellow);
  color: var(--black);
}

.sizingFilters_modal label.slds-radio_button__label {
  background-color: white;
  color: var(--black);
}

/* || Simple Sizer - Define Load Builds */
.sizingElectrical .card {
  padding: 1rem;
  border: none;
}

.loadLabelWrap {
  border-radius: 6px 0 0 6px;
}

.loadLabelWrap .label {
  font-size: 22px;
  line-height: 125%;
  margin-bottom: 12px;
}

.loadLabelWrap a {
  margin-right: 18px;
}

c-vsp_simplesizer_load_build_input {
  display: contents;
}

.loadInputWrap {
  background-color: var(--lightGray);
  border-radius: 0 6px 6px 0;
}

.loadInputWrap label {
  font-family: var(--headingFont);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--darkGray);
}

.loadInputWrap .slds-radio_button label {
  text-transform: none;
  font-size: 15px;
  margin-right: 4px;
}

.loadInputWrap .slds-radio_button [type="radio"]:checked + .slds-radio_faux,
.loadInputWrap .slds-radio_button [type="radio"]:checked ~ .slds-radio_faux,
.loadInputWrap
  .slds-radio_button
  [type="radio"]:checked
  + .slds-radio_button__label {
  color: var(--black);
  background-color: var(--yellow);
}

.loadInputWrap .slds-form-element__control {
  padding-top: 8px;
}

.loadInputWrap .slds-radio_button-group {
  border: none;
  border-radius: none;
}

.loadInputWrap .slds-radio_button__label:hover {
  background-color: var(--yellow);
}

.loadInputWrap .slds-button:active,
.loadInputWrap .slds-button:focus {
  text-decoration: none;
}

.loadInputWrap .slds-radio_button + .slds-radio_button {
  border: none;
}

.loadInputWrap input[readonly][role="combobox"] {
  background-color: var(--white);
  padding-left: 8px;
}

.loadBuildInput lightning-primitive-input-simple {
  display: contents;
}

.loadBuildInput div[part="input-text"],
.loadBuildInput lightning-select,
.loadBuildInput fieldset {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.loadBuildInput c-vsp_simplesizer_load_build_input > div,
.loadBuildInput c-vsp_simplesizer_load_build_input > div > div {
  height: 100%;
}

.loadBuildInput .slds-form-element__control {
  flex-grow: unset;
}

.loadBuildInput .slds-form-element__help {
  display: block;
  position: absolute;
  width: max-content;
}

.calculatorButton {
  margin-left: auto;
}

.calculatorButton svg {
  fill: var(--blue);
  margin: -4px 8px 0 0;
}

/* START Simple Sizer - Minimum Power Summary 2 */
.sizingSummary .minPower2 .greyBox {
  background-color: white;
  border-radius: 5px;
  color: black;
}

.minPower2 {
  overflow: hidden;
}

.minPower2 h1 {
  font-size: 4em;
}

.minPower2 h2 {
  margin: auto;
  font-size: 18px;
  line-height: 100%;
}

.editLoadsContainer {
  min-width: max-content;
}

lightning-icon.blue svg {
  fill: var(--blue);
}

.addCapacity2 {
  padding-top: 0rem;
  display: flex;
  align-items: center;
}

.addCapacity2 .plusIcon {
  float: left;
  margin-right: 10px;
  margin-top: -8px;
}

.addCapacity2 .plusIcon svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 7px;
}

.addCapacity2 p {
  font-size: 2rem;
  font-family: var(--headingFont);
  margin-right: 20px;
  padding: 5px 0;
}

.addCapacity2 .slds-form-element__label {
  color: black;
}

.addCapacity2 lightning-primitive-input-toggle .slds-checkbox_toggle {
  align-items: center;
}

/* toggle circle */
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:before,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:before,
.slds-checkbox_toggle .slds-checkbox_faux:after {
  width: 2rem;
  height: 2rem;
}

.simplesizersummarytoggle label {
  text-wrap: wrap;
}

.simplesizersummarytoggle .slds-checkbox_faux:after {
  width: 1.25rem;
  height: 1.25rem;
}

.simplesizersummarytoggle
  .slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:before {
  width: 1.25rem;
  height: 1.25rem;
}

/* hiding checkmark in toggle */
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:after,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:after {
  content: none;
}

/* Simple Sizer*/
.simplesizertoggle
  .slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux:before,
.simplesizertoggle
  .slds-checkbox_toggle
  [type="checkbox"]:checked
  ~ .slds-checkbox_faux:before,
.simplesizertoggle
  .slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:before,
.simplesizertoggle .slds-checkbox_toggle .slds-checkbox_faux:after {
  width: var(--lwc-squareToggleSlider, 1.25rem);
  height: var(--lwc-squareToggleSlider, 1.25rem);
}

.addCapacity .editLoads .slds-button {
  padding-top: 10px;
  color: var(--blue);
}

.addCapacity2 .editLoads .slds-button:hover {
  color: var(--blue);
  text-decoration: underline;
}

.inlineFlex {
  display: inline-flex;
}

/* END Simple Sizer - Minimum Power Summary 2 */

.sizingSummary .loadReport .slds-button {
  width: 100%;
  padding: 4px 0;
}

/* -- slick slider - Callout -- */
.slick-list .callout {
  background-size: cover;
  height: 490px;
  border-radius: 6px;
}

/*dots end*/

/* login callout */
.loginCalloutWrapper {
  background-color: var(--yellow);
  font-size: 16px;
  font-family: var(--headingFont);
  text-transform: uppercase;
  padding: 12px 40px;
  display: block;
  height: 40px;
  width: 100%;
}

/* ------------------------------------------------------- MY ACCOUNT */

.savedItemList .noResults p {
  font-family: var(--headingFont);
  font-size: 18px;
  padding-bottom: 30px;
}

.savedItemList .slds-button {
  padding: 8px 20px;
}

.savedItemList .savedItemCard .slds-card {
  padding: 24px 30px;
}

.savedItemList .savedItemCard .slds-text-heading_small {
  font-size: 22px;
  text-transform: capitalize;
}

.savedItemList .savedItemCard .slds-card__header,
.savedItemList .savedItemCard .slds-card__body {
  padding: 0;
}

.savedItemList .savedItemCard .slds-card__header {
  margin: 0 0 4px 0;
}

.savedItemList .savedItemCard .slds-card__body {
  margin: 0;
}

.savedItemList .savedItemCard .actionLinks {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.savedItemList .savedItemCard .actionLinks .slds-button,
.actionLinks lightning-button {
  width: 100%;
}

.savedItemList .savedItemCard .actionLinks .ignore_selectionsWrap .slds-button {
  width: auto;
  padding: 0px 16px;
}

/* --------------------------------------------- MISC -- */

.loadInputWrap select {
  border: none;
  border-radius: 2px;
}

.languageCountryModal lightning-combobox.slds-form-element {
  display: block;
}

.autosuggestions_menu .slds-button {
  display: none !important;
}

.autosuggestions_menu .slds-dropdown {
  margin-top: -29px !important;
  margin-left: -100px;
}

/* -------------------------------------------- MOBILE / RESPONSIVE -- */

@media only screen and (max-width: 1390px) {
  .gridHeader {
    float: none;
  }

  /* .total {
    margin-right: auto;
  } */

  .slds-col .dealer__content,
  .slds-col .dealer__map {
    width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .sizingSummary .slds-large-size_8-of-12,
  .sizingSummary .slds-large-size_4-of-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 1209px) {
  .topRight {
    top: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1150px) {
  .sizingLoads .slds-large-size_6-of-12 {
    width: 33.3%;
  }
}

@media only screen and (max-width: 460px) {
  .progressButtonsContainer {
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #f7f7f7;
    width: 100%;
    justify-content: center;
  }
  .progressButtonsContainer lightning-button,
  .progressButtonsContainer button {
    width: 100%;
  }
  input {
    font-size: 16px;
  }
}

lightning-button.large button {
  padding: 4px 60px;
  min-height: 42px;
}

@media only screen and (min-width: 460px) {
  .selectionsWrap .footer lightning-button .slds-button,
  .selectionsWrap .progressButtonsContainer lightning-button .slds-button {
    width: 220px;
  }
}

@media only screen and (max-width: 1072px) {
  .sizingElectrical .slds-medium-size_1-of-1 {
    width: 100%;
  }

  .loadLabelWrap {
    border-radius: 6px 6px 0 0;
  }

  .loadInputWrap {
    border-radius: 0 0 6px 6px;
  }
}

@media only screen and (min-width: 1024px) {
  .mobile_getHelp {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .mobile_getHelpWrap {
    margin-top: 20px;
  }

  .slds-medium-size_8-of-12 .footerLeft,
  .slds-medium-size_8-of-12 .footerRight {
    width: 100%;
  }

  .product-col__content {
    max-width: 90%;
  }

  .fixedButtonsWrap {
    width: 100%;
    position: relative;
  }

  .express-interest,
  .reserveReqestWrap {
    width: 100%;
  }

  .btn--vertical {
    display: none;
  }

  /* || BTO STARTER PAGE */

  .btoStarterWrap .pickSelections {
    padding: 42px 0 0 0;
    border-left: none;
    border-top: 2px solid var(--lightGray);
    overflow: hidden;
  }

  .pickSelections .slds-radio {
    width: 100%;
  }

  .pickSelections .slds-button.slds-modal__close {
    width: inherit;
  }

  .pickSelections .powerSlider {
    visibility: hidden;
    height: 0;
  }

  .pickSelections .inputKVA input {
    width: 150px;
  }

  .pickSelections .inputKVA p {
    position: relative;
    left: 108px;
    font-size: 16px;
  }

  .selectionsWrap .findGenButton {
    padding-top: 20px;
  }

  .selectionsWrap .findGenButton .slds-button {
    width: 100%;
  }

  .compareWrap .slds-medium-size_1-of-1 {
    text-align: center;
  }

  .bodyWrap {
    min-height: 100%;
  }

  .productDetail-infoWrap,
  .doubleTabWrap
    .slds-tabs_default
    .slds-tabs_default
    .slds-tabs_default__content {
    max-height: 100%;
    overflow: auto;
  }

  .product-col_wrapper,
  .details-col_wrapper {
    min-height: 100%;
  }

  .mobile_getHelp {
    display: block;
    background-color: var(--yellow);
    text-align: center;
    width: 100%;
    height: 130px;
    padding-top: 30px;
    margin-top: auto;
  }

  .mobile_getHelp .itemLabel {
    padding: 0;
  }

  .btn_getHelp .slds-button_outline-brand {
    margin: 15px 0 20px 0;
  }

  .footerWrap {
    bottom: auto;
  }

  .slds-modal__footer .slds-button_outline-brand {
    display: block;
    margin-bottom: 12px;
  }

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

/* MOBILE NAV MENU */
@media (min-width: 953px) {
  .header li {
    float: left;
  }

  .header div div div .navMenu {
    clear: none;
    max-height: none;
  }

  .footerWrap {
    align-items: center;
    display: flex;
    padding: 25px 40px 65px;
  }

  .footerWrap .container {
    width: 100%;
  }
}

@media only screen and (max-width: 953px) {
  /* mobile nav menu */
  .mainMenu {
    padding-top: 8px;
    order: 1;
    flex-grow: 0;
  }

  .headerWrap .logo {
    margin: 0;
    order: 2;
    margin: auto;
  }

  .headerWrap .logo a.catLogo {
    top: 15px;
    width: 64px;
    left: 50%;
  }

  .headerWrap .logo a.dealerLogo {
    top: 25px;
    width: 100px;
    left: 50%;
  }

  .headerWrap .logo img {
    max-height: 30px;
  }

  .topRight {
    order: 3;
    margin-left: 0;
    gap: 0;
  }

  .headerWrap {
    padding: 0 40px;
    background-color: var(--black);
  }

  .has-tooltip .tooltiptext {
    /*fixes page width for mobile safari devices*/
    display: none;
  }

  .navMenu {
    height: 0;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: height 0.25s ease-out;
    z-index: 9;
  }

  .header .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 28px 0;
    position: relative;
    user-select: none;
  }

  .header .menu-btn:checked ~ slot div .navMenu {
    height: 100vh;
    transition: height 0.25s ease-in;
  }

  .header ul {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }

  .header .navMenu li {
    width: 100%;
    display: block;
  }

  .header .navMenu li a {
    border-left: 4px solid transparent;
    border-bottom: 1px solid var(--darkGray);
    padding: 20px 0 20px 20px;
    height: auto !important;
    background-color: var(--black);
  }

  .header .navMenu li {
    height: auto !important;
    margin: 0;
  }

  .header .navMenu li a:hover,
  .header .navMenu li a:active,
  .header .navMenu li a:focus {
    border-left: 4px solid var(--yellow);
    border-bottom: 1px solid var(--darkGray) !important;
  }

  .container,
  .slds-col--padded,
  .siteforceContentArea .comm-layout-column:not(:empty) {
    padding: 0;
  }

  .inventory-sort {
    margin: 30px 0;
    padding: 0 50px 0 40px;
  }

  .filter-sort {
    display: none;
    clear: both;
  }

  .mobile_filterControl {
    display: block;
    background-color: var(--white);
    width: 100%;
    border-top: 1px solid var(--midGray);
    border-bottom: 1px solid var(--midGray);
    padding: 20px 40px;
  }

  .iconFilter {
    float: right;
    margin-top: 2px;
  }

  .inventory-header {
    padding-bottom: 30;
  }

  .gridHeader {
    padding-bottom: 0;
  }

  .productSort {
    display: none;
  }

  .footerWrap {
    padding: 40px;
  }

  .footerWrap .container {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  .footerWrap .navMenu li {
    padding-bottom: 12px;
    display: block;
    margin-right: 20px;
    height: auto;
    border-right: none;
  }

  .powerInput .powerLabel-1 {
    left: 56px;
  }

  .powerInput .powerLabel-2 {
    left: 155px;
  }

  .userAccountMenu .bodyText {
    min-height: 135px;
  }
}

@media only screen and (min-width: 953px) {
  .mobile_filterControl {
    display: none;
  }
}

@media only screen and (max-width: 836px) {
  .addCapacity .slds-float_left,
  .addCapacity .editLoads {
    float: none;
  }
}

@media only screen and (min-width: 48em) {
  .selfServiceUserProfileMenu .login .linkLabel {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .simpleSizerSteps {
    text-align: left;
    padding-top: 12px;
  }

  .sizingLoads .pickSelections {
    padding: 42px 0 0 0;
    border-left: none;
    border-top: 2px solid var(--lightGray);
  }

  .selectionsWrap .continue button {
    padding: 16px 0;
  }

  .no-margin-mobile {
    padding-left: 0px;
    padding-right: 10px;
  }

  .no-bullet-mobile ul li {
    list-style-type: none;
  }

  .header-padding-helptext {
    padding-left: 25px !important;
  }

  .simplesizerSave {
    display: none;
  }

  .compareItemWrap .slds-modal__content {
    overflow-x: scroll;
  }

  .footerRight p {
    padding-top: 12px;
    text-align: left !important;
  }

  .userAccountMenu {
    width: 100% !important;
    display: block;
    position: absolute;
    left: 0;
    top: 80px;
    height: auto;
  }

  .myAccountMenu .userAccountText {
    width: auto;
    min-width: auto;
    max-width: 155px;
    text-align: center;
  }

  .userMenuReg {
    min-height: 200px;
  }

  .dealerName {
    display: none;
  }

  .myAccountMenu {
    position: inherit !important;
  }

  .userAccountText {
    right: 20px;
    top: 24px;
  }

  .userAccountMenu .slds-button.slds-float_right {
    margin-left: 36px;
  }

  /* SIMPLE SIZER */
  .loadInputWrap .slds-input {
    width: 100%;
  }

  .loadInputWrap .slds-form-element__control {
    padding-top: 0;
  }

  .loadStepWrap.slds-float_right {
    float: none;
  }

  .loadStepWrap button.slds-button.slds-button_icon {
    height: auto;
  }

  .loadInputWrap .slds-float_left {
    float: none;
  }

  .savedItemList .savedItemCard .actionLinks {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 767px) {
  .pickSelections .slds-medium-size_4-of-12 {
    width: 50%;
  }

  .defaultSelections {
    padding-right: 48px;
  }
}

/* || single column */

@media only screen and (max-width: 639px) {
  .dealer__map {
    max-width: 100%;
  }

  .dealer__map .slds-map {
    min-width: auto !important;
  }

  .btoTitle {
    padding: 20px;
  }

  .doubleTabWrap
    .slds-tabs_default
    .slds-tabs_default
    .slds-tabs_default__content {
    margin: 20px;
  }

  .container,
  .slds-col--padded,
  .siteforceContentArea .comm-layout-column:not(:empty) {
    padding: 0;
  }

  .product-col_wrapper {
    margin-left: 0;
  }

  .inventory-sort {
    padding: 0 20px;
  }

  .btoResults .inventory-sort {
    padding: 0 20px;
    margin: 0;
  }

  .mobile_filterControl {
    padding: 20px;
    cursor: pointer;
  }

  .headerWrap {
    padding: 0 20px;
  }

  .gridResults .slds-medium-size_1-of-3 {
    width: 100%;
  }

  .inventory-header .btn--vertical {
    display: none;
  }

  .slds-tabs_default__content {
    margin: 50px 20px;
  }

  .slds-tabs_default__item {
    margin: 0 5px 0 20px;
    font-size: 14px;
  }

  .sizingSummary .minPower {
    text-align: center;
  }

  .minPower .checkIcon {
    float: none;
    margin: 0 0 18px 0;
  }
}

@media only screen and (min-width: 955px) and (max-width: 1130px) {
  .dealerName {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .myAccountMenu .userAccountText {
    width: auto;
  }
}

@media only screen and (max-width: 460px) {
  .simpleSizerWrap .selectionsWrap .footer .slds-button {
    width: 120px;
  }

  .selectionsWrap .header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .selectionsWrap .loads_progress {
    flex-direction: column;
  }

  .selectionsWrap .slds-radio:not(.rawRadioGroup .slds-radio),
  .sizingLoads lightning-button {
    width: 100%;
  }

  .loads_progress .step_wpr .text_wpr {
    font-size: 12px;
  }

  c-vsp_simplesizer_wrapper {
    .progress_wpr .text_wpr {
      font-size: 12px;
    }

    .loads_progress .topBorder_wpr {
      border-top: none !important;
      border-left: 2px solid #ccc;
      height: 12px;
      width: 0px !important;
    }

    .loads_progress {
      align-items: flex-start !important;
      gap: 0.5rem !important;
    }

    .step_wpr_outer {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }

    .border_top_sec {
      padding-left: 8px;
    }
  }
}

@media only screen and (max-width: 410px) {
  .gridHeader {
    line-height: 120%;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 600px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Medium devices (landscape tablets, 768px and up) */

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

.testingStyle {
  background-color: red;
  height: 50px;
}

.countrySelector .slds-button {
  color: white;
  background-color: unset;
  border: none;
  padding: 0px;
}

.btoModalsWrap .slds-button_stretch button {
  width: 100%;
}

/* This is a temporary fix for the SF element that keeps breaking page content around the footer */
body > .forceHoverPrototype {
  top: 0px;
  left: -1500px;
  position: fixed;
}

.cart-wrapper .cart svg {
  fill: var(--white);
}

.cart-wrapper .cart .slds-button:active svg,
.cart-wrapper .cart .slds-button:focus svg {
  fill: var(--yellow);
}

/* TOOLTIPS */
.has-tooltip {
  position: relative;
  display: inline-block;
}

.has-tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  font-size: 14px;
  font-family: var(--bodyFont);
  color: var(--black);
  width: 315px;
  text-align: center;
  border-radius: 6px;
  padding: 15px 8px;
  z-index: 1;
  top: 180%;
  left: 50%;
  margin-left: -155px;
  line-height: 1.4;
  text-transform: none;
  background-color: var(--white);
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.14);
  opacity: 0;
  transition: opacity 0.4s;
}

.has-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 98%;
  left: 50%;
  margin-left: -13px;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent var(--white) transparent;
}

.has-tooltip:hover .tooltiptext,
.has-tooltip:focus .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.text-bold {
  font-family: var(--bodyFont);
  font-weight: var(--bold);
}

/* CTO Recommended Extras */
.modalBtnWrap .slds-button.slds-button_brand,
.modalBtnWrap .slds-button.slds-button_outline-brand,
.modalBtnWrap .slds-button.slds-button_destructive,
.btn-wrap-lg button {
  font-size: 1.3rem;
  padding: 0.5rem;
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  .modalBtnWrap .slds-button.slds-button_brand,
  .modalBtnWrap .slds-button.slds-button_outline-brand,
  .modalBtnWrap .slds-button.slds-button_destructive {
    font-size: 1rem;
    padding: 0.4rem;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .modalBtnWrap .compareItemWrap.slds-p-left_x-small {
    padding-left: 0;
  }
}

.btn-primary .slds-button.slds-button_brand {
  border: solid 1px var(--yellow);
}

.btn-primary .slds-button.slds-button_brand[disabled] {
  border: solid 1px #c9c7c5;
}

.btn-secondary .slds-button.slds-button_brand {
  background-color: var(--white);
  color: var(--black);
  border: solid 1px var(--black);
}

.btn-secondary .slds-button.slds-button_brand:hover,
.btn-secondary .slds-button.slds-button_brand:focus,
.btn-secondary .slds-button.slds-button_brand:active {
  background-color: var(--black);
  color: var(--white);
}

.stack-vertical button {
  margin-bottom: 1rem;
}

/* Modal Specific */

/* For modal close button inside of a modal header */
.modalCloseButton {
  position: absolute;
  top: 28px;
  right: 40px;
  background-color: var(--white);
}

.modalCloseButton svg {
  fill: #414141;
}

@media screen and (max-width: 550px) {
  .modalCloseButton {
    right: 20px;
  }

  .slds-modal__header h1,
  .slds-modal__header h2,
  .slds-modal__header h3 {
    padding-right: 24px;
    /* accommodate for position of close btn */
  }
}

.modalClose {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.truncate-text-btn {
  position: absolute;
  bottom: 0;
  right: 8px;
  background-color: var(--white);
}

.truncate-text-btn .slds-button {
  color: var(--blue);
  font-family: var(--bodyFont);
  line-height: 1;
  text-decoration: underline;
}

.truncate-text-btn:hover .slds-button {
  text-decoration: none;
}

.truncate-text-btn::before {
  content: "...";
  padding: 0 2px;
  color: var(--black);
  background-color: var(--white);
}

@media screen and (min-width: 550px) {
  .priceSection .slds-grid {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 550px) {
  .modalExtras .extraWrap.slds-grid {
    flex-direction: column;
    align-items: flex-start;
  }
}

.continueButton .slds-button.slds-button_brand {
  text-transform: none;
}

.createmodelbutton .slds-button.slds-button_brand {
  text-transform: uppercase;
}

.requestPriceButton .slds-button {
  -webkit-box-shadow: inset 0px 0px 0px 4px black;
  background-color: var(--white);
  color: var(--black);
  border-radius: 0;
  font-size: 18px;
  width: 100%;
  height: 60px;
  font-family: var(--headingFont);
  text-transform: uppercase;
  display: block;
}

.requestPriceButton .slds-button:hover {
  background-color: var(--black);
  color: var(--white);
}

.requestPriceButton .slds-button:disabled {
  border-color: var(--midGray);
  color: var(--midGray);
}

.cto-remove-btn .slds-button {
  color: var(--blue);
  background-color: transparent;
  font-weight: 600;
  font-size: 16px;
  padding: 0.5rem 0 0;
  margin: 1rem 0;
}

.cto-remove-btn .slds-button:hover {
  color: var(--blue);
  text-decoration: underline;
}

.cto-edit-options .slds-button {
  border: solid 1px var(--black);
  padding: 1.5rem;
}

.cto-edit-options .slds-button:hover {
  background-color: var(--black);
}

.cto-edit-options .slds-button svg.slds-button__icon {
  fill: var(--black);
  width: 22px;
  height: 22px;
}

.cto-edit-options .slds-button:hover svg.slds-button__icon {
  fill: var(--white);
}

@media screen and (max-width: 767px) {
  .cto-edit-options .slds-button {
    padding: 1.2rem;
  }

  .cto-edit-options .slds-button svg.slds-button__icon {
    width: 19px;
    height: 19px;
  }

  .cto-remove-btn .slds-button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    display: block;
  }

  .customGrid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}

/* CTO CHECKOUT */
body.comm-page-checkout,
body.comm-page-orderconfirmation,
body.comm-page-detail-1Os,
body.comm-page-detail-0a6 {
  background-color: var(--white);
}

.comm-page-checkout .forceCommunityCheckoutFlow,
.comm-page-orderconfirmation .contentRegion.comm-layout-column {
  border: none;
  margin: 0 auto;
  max-width: 1200px;
}

.comm-page-detail-1Os .siteforceContentArea {
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .comm-page-checkout .forceCommunityCheckoutFlow {
    padding: 1rem 0;
  }

  .comm-page-orderconfirmation .contentRegion.comm-layout-column {
    min-height: calc(100vh - 363px);
  }
}

.comm-page-checkout .slds-input {
  margin-top: 5px;
}

.comm-page-checkout .slds-textarea {
  min-height: 75px;
}

.comm-page-checkout .slds-input,
.comm-page-checkout .slds-select_container .slds-select {
  height: 38px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  border-color: #dddddd;
  border-radius: 4px;
}

.comm-page-checkout .navigationBar[flowruntime-flow_flow] {
  border: none;
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntimeBody
  .flowruntime-input.slds-form-element {
  padding: 0.3rem 0;
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntimeBody
  .flowruntime-input.slds-form-element
  lightning-input,
.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntimeBody
  .flowruntime-input.slds-form-element
  .slds-select_container {
  width: 50%;
  max-width: 500px;
}

@media screen and (max-width: 767px) {
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .flowruntimeBody
    .flowruntime-input.slds-form-element
    lightning-input,
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .flowruntimeBody
    .flowruntime-input.slds-form-element
    .slds-select_container {
    width: 100%;
    max-width: none;
  }
}

.comm-page-checkout
  .slds-form-element__label.slds-rich-text-editor__output[flowruntime-inputWrapper2_inputWrapper2],
.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntime-input-label[flowruntime-inputWrapper2_inputWrapper2],
.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntime-input-label[flowruntime-picklistInputLwc_picklistInputLwc] {
  display: inline-block;
}

.comm-page-checkout
  .slds-form-element__label.slds-rich-text-editor__output[lwc-1o2vf6350ba],
.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntime-input-label[lwc-1o2vf6350ba],
.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntime-input-label[lwc-tnmta5dbnt] {
  display: inline-block;
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .flowruntimeBody
  .flowruntime-input.slds-form-element
  .flowruntime-input-label
  span {
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
}

.comm-page-checkout .forceCommunityCheckoutFlow .navigation-bar__right-align,
.comm-page-checkout .slds-file-selector,
.comm-page-checkout .slds-file-selector__dropzone {
  width: 100%;
}

.comm-page-checkout .slds-file-selector__dropzone {
  padding: 1.5rem 0.5rem;
}

.comm-page-checkout .slds-file-selector__dropzone .slds-button_neutral {
  background-color: var(--yellow);
  color: var(--black);
}

.comm-page-checkout .slds-file-selector__dropzone .slds-button_neutral:hover {
  background-color: var(--black);
  color: var(--white);
}

.comm-page-checkout .forceCommunityCheckoutFlow .navigation-bar__right-align {
  display: flex;
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .navigation-bar__right-align
  .slds-button:first-child {
  margin-left: auto;
}

.comm-page-checkout .forceCommunityCheckoutFlow .slds-button.flow-button__NEXT,
.comm-page-checkout .forceCommunityCheckoutFlow .slds-button.flow-button__BACK {
  display: block;
  width: 100%;
  max-width: 300px;
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .slds-button.flow-button__NEXT
  button,
.comm-page-checkout
  .forceCommunityCheckoutFlow
  .slds-button.flow-button__BACK
  button,
.buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
  .slds-button {
  font-size: 1.3rem;
  padding: 0.5rem;
  min-width: 300px;
  font-family: var(--headingFont), sans-serif;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .slds-button.flow-button__NEXT
    button,
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .slds-button.flow-button__BACK
    button,
  .buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
    .slds-button {
    width: 100%;
  }

  .comm-page-checkout .forceCommunityCheckoutFlow .navigation-bar__right-align {
    flex-direction: column;
  }

  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .slds-button.flow-button__NEXT,
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .slds-button.flow-button__BACK {
    max-width: none;
    margin-bottom: 0.5rem;
    margin-left: 0;
  }

  .comm-page-checkout .slds-file-selector__dropzone {
    text-align: center;
  }
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .slds-button.flow-button__NEXT
  button {
  border: solid 1px var(--yellow);
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .slds-button.flow-button__BACK
  button {
  background-color: var(--white);
  border: solid 1px var(--black);
  color: var(--black);
  font-family: var(--headingFont);
  text-transform: uppercase;
}

.comm-page-checkout
  .forceCommunityCheckoutFlow
  .slds-button.flow-button__BACK
  button:hover {
  color: var(--white);
  background-color: var(--black);
}

.comm-page-checkout commerce_checkout-checkout-summary header h2 {
  font-size: 14px !important;
  text-transform: none !important;
  color: black !important;
  font-family: "Roboto";
  font-weight: bolder;
}

.comm-page-checkout commerce_checkout-checkout-summary .slds-box {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #ccc !important;
}

.comm-page-checkout
  commerce_checkout-checkout-summary
  .slds-box
  .total-price
  .row {
  margin-right: 10px !important;
  margin-left: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  border-top: none !important;
  color: black;
}

.comm-page-checkout h2[commerce_checkout-checkoutsummary_checkoutsummary] {
  color: var(--black);
  font-size: 14px;
  font-weight: 700;
  font-family: var(--bodyFont);
  text-transform: none;
  letter-spacing: normal;
}

.comm-page-checkout commerce_checkout-checkout-summary header {
  padding-left: 0;
}

.comm-page-checkout
  .total-price[commerce_checkout-checkoutSummary_checkoutSummary],
.comm-page-checkout
  .uploadContainer[c-vsp_b2b_purchaseOrderAttachment_vsp_b2b_purchaseOrderAttachment] {
  padding: 1rem 1.5rem;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-bottom: 1.5rem;
}

.comm-page-checkout
  .total-price[commerce_checkout-checkoutSummary_checkoutSummary]
  .slds-border_top {
  border: none;
}

.comm-page-checkout .row[commerce_checkout-checkoutSummary_checkoutSummary] {
  color: var(--black);
  font-size: 1rem;
}

.comm-page-checkout
  .row[commerce_checkout-checkoutSummary_checkoutSummary]
  .slds-p-bottom_x-small,
.slds-p-bottom--x-small {
  padding-bottom: none;
}

@media screen and (max-width: 767px) {
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .flowruntimeBody
    .flowruntime-input.slds-form-element,
  .comm-page-checkout
    .forceCommunityCheckoutFlow
    .slds-button.flow-button__NEXT
    button {
    width: 100%;
    max-width: none;
  }
}

.comm-page-checkout .uploadContainer .slds-grow {
  flex-grow: 0;
}

/* CHECKOUT MODAL */
.comm-page-checkout .slds-modal__content {
  display: block;
}

.comm-page-checkout .forceContentPanelFooter {
  display: flex;
}

.comm-page-checkout .forceContentPanelFooter span:last-child {
  margin-left: auto;
  width: 100%;
  max-width: 200px;
}

.comm-page-checkout .forceContentPanelFooter .slds-button,
.comm-page-checkout .forceContentPanelFooter .slds-button:focus {
  color: var(--black);
  font-size: 1.3rem;
  padding: 0.5rem;
  width: 100%;
  font-family: var(--headingFont), sans-serif;
  text-transform: uppercase;
}

.comm-page-checkout .forceContentPanelFooter .slds-button:hover {
  background-color: var(--black);
  color: var(--white);
}

.comm-page-checkout .slds-modal__header .slds-modal__close {
  display: none;
}

.comm-page-checkout .slds-modal__content .slds-grid.slds-p-around--small {
  padding-left: 2rem;
}

.comm-page-checkout .slds-modal__content .slds-col--padded {
  padding-top: 0;
}

.comm-page-checkout .slds-modal__content .slds-progress-bar__value {
  background: var(--slds-g-color-brand-base-60, var(--yellow));
}

/* Checkout Confirmation */
.comm-page-orderconfirmation h1 {
  margin-bottom: 0.5rem;
  font-size: 26px;
  line-height: 100%;
}

.comm-page-orderconfirmation h2 {
  font-size: 16px;
  color: var(--black);
}

.buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
  .slds-button_brand {
  color: var(--black);
}

.buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
  .slds-button_brand:hover {
  color: var(--white);
}

.buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
  .slds-button_neutral {
  color: var(--black);
  background-color: var(--white);
  border: solid 1px var(--black);
}

.buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
  .slds-button_neutral:hover {
  color: var(--white);
  background-color: var(--black);
}

.buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation] {
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation] {
    flex-direction: column-reverse;
    margin-top: 4rem;
  }

  .buttons-flex[commerce_checkout-orderConfirmation_orderConfirmation]
    .slds-button {
    max-width: none;
  }

  .comm-page-orderconfirmation .contentRegion.comm-layout-column {
    padding: 2rem 1rem 1rem;
  }
}

/* CHECKOUT SUMMARY  */
.comm-page-detail-1Os .drag-over-body .slds-file-selector__dropzone,
.comm-page-detail-1Os .forceRelatedListSingleContainer .actionsContainer,
.comm-page-detail-1Os header[b2b_buyer_orders-totals_totals],
.comm-page-detail-1Os .forceRelatedListCardDesktop .slds-card__footer {
  display: none;
}

/* ---Removing Files Heading and view all button*/
.comm-page-detail-1Os
  .forceRelatedListSingleContainer.container
  .headerBottomBorder,
.comm-page-detail-1Os .forceRelatedListCardDesktop {
  border: none;
}

.comm-page-detail-1Os .forceContentRelatedListPreviewFileList {
  border-bottom: none;
}

.comm-page-detail-1Os .forceContentRelatedListPreviewFileList.LOADED {
  border: var(--lwc-borderWidthThin, 1px) solid
    var(--lwc-cardColorBorder, rgb(204, 204, 204));
  border-radius: 4px;
}

.comm-page-detail-1Os .uiAbstractList li.forceRecordLayout {
  padding: 1.5rem 1rem;
  width: 100%;
}

.comm-page-detail-1Os .forceRelatedListSingleContainer .slds-page-header,
.comm-page-relatedlist
  .forceCommunityRelatedList
  .forceCommunityActionsContainerMobile
  .forceCommunityActionButtonMobile {
  /* background-color: transparent; */
  display: none;
}

.comm-page-detail-1Os
  .forceRelatedListPreview.SMALL
  .uiAbstractList
  .forceRecordLayout {
  border-radius: 6px;
}

.comm-page-detail-1Os .totals-card[b2b_buyer_orders-totals_totals],
.comm-page-detail-1Os .details-card[b2b_buyer_orders-details_details] {
  border-radius: 4px !important;
  padding: 1.5rem;
}

.comm-page-detail-1Os .totals-card[b2b_buyer_orders-totals_totals] > div,
.comm-page-detail-1Os .details-card[b2b_buyer_orders-details_details] > div,
.comm-page-detail-1Os header[b2b_buyer_orders-details_details] {
  margin: 0;
  padding: 0;
}

.comm-page-detail-1Os .details-card[b2b_buyer_orders-details_details] h2 {
  margin-bottom: 1.5rem;
}

.comm-page-detail-1Os .details-card[b2b_buyer_orders-details_details] h2 span {
  font-size: 24px;
}

.comm-page-detail-1Os
  .details-card[b2b_buyer_orders-details_details]
  .field-item {
  font-size: 16px;
  margin-bottom: 1rem;
  align-items: center;
}

.comm-page-detail-1Os
  .details-card[b2b_buyer_orders-details_details]
  .field-item
  .slds-rich-text-editor__output {
  font-family: var(--bodyFont);
  font-weight: var(--bold);
  line-height: var(--lwc-lineHeightText, 1.5) !important;
}

.comm-page-detail-1Os
  .totals-card[b2b_buyer_orders-totals_totals]
  .slds-text-title_bold {
  font-size: 1rem;
  margin-bottom: 0;
}

.comm-page-detail-1Os
  .cto-item[c-vsp_cto_order_quote_item_vsp_cto_order_quote_item]:first-child {
  border-top: solid 1px var(--lightGray);
}

@media screen and (min-width: 768px) {
  .comm-page-detail-1Os
    .request-container[c-vsp_cto_order_quote_container_vsp_cto_order_quote_container] {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .comm-page-detail-1Os .siteforceContentArea > .slds-grid {
    flex-direction: column-reverse;
    padding: 1rem;
  }

  .comm-page-detail-1Os
    .cto-item[c-vsp_cto_order_quote_item_vsp_cto_order_quote_item]:first-child {
    border-top: none;
  }
}

.show-extras .btn-secondary button {
  width: 100%;
}

/* CHECKOUT SPINNERS */
.comm-page-detail-1Os .spinner-container,
.comm-page-checkout .spinner-container {
  margin: 0 auto;
}

.comm-page-detail-1Os .slds-spinner_container,
.comm-page-checkout .slds-spinner_container {
  min-height: 0;
}

.slds-spinner_container:not(.absolute) {
  position: fixed;
}

/* END CHECKOUT SPINNERS */

.cto-item-total .btn-secondary button {
  font-size: 1.3rem;
  padding: 0.5rem;
}

b2b_buyer_orders-details h2 span {
  font-size: x-large !important;
}

b2b_buyer_orders-details section header {
  margin-bottom: 25px !important;
}

b2b_buyer_orders-details section .field-item {
  margin-bottom: 20px !important;
}

/* This is a temporary fix for the SF element that keeps breaking page content around the footer */
body > .forceHoverPrototype {
  top: 0px;
  left: -1500px;
  position: fixed;
}

/* start: .headerWrap .navMenu li:last-child a, */
.comm-page-custom-customersupport .headerWrap .navMenu li:last-child a,
.comm-page-custom-qrlanding .headerWrap .navMenu li:last-child a,
.comm-page-custom-privacy-policy .headerWrap .navMenu li:last-child a,
.comm-page-custom-legal-notices .headerWrap .navMenu li:last-child a,
.comm-page-custom-cookie .headerWrap .navMenu li:last-child a {
  border-bottom: 4px solid transparent;
}

.comm-page-custom-customersupport .headerWrap .navMenu li:last-child a:hover,
.comm-page-custom-qrlanding .headerWrap .navMenu li:last-child a:hover,
.comm-page-custom-privacy-policy .headerWrap .navMenu li:last-child a:hover,
.comm-page-custom-legal-notices .headerWrap .navMenu li:last-child a:hover,
.comm-page-custom-cookie .headerWrap .navMenu li:last-child a:hover {
  border-bottom: 4px solid var(--yellow);
}

.headerWrap .powerhub .navMenu li:last-child a {
  border-bottom: 4px solid var(--yellow);
}

/* end: .headerWrap .navMenu li:last-child a, */

.projectDetailPage lightning-button-menu button {
  background: inherit;
  border: none;
}

.projectDetailPage
  lightning-button-menu
  button
  lightning-primitive-icon:nth-child(2) {
  display: none;
}

.confirmationModal .slds-modal__content button {
  width: 100%;
}

@media screen and (max-width: 550px) {
  .order-summary-back {
    margin-left: 1rem;
  }
}

lightning-button[variant="base"].underline button {
  text-decoration: underline;
}

[kx-scope="button"][kx-type="underline"]:focus:after,
[kx-scope="button"][kx-type="underline"]:hover:after {
  display: none;
}

/* Breadcrumbs */

lightning-breadcrumbs a {
  color: black;
}

lightning-breadcrumbs a:hover {
  text-decoration: underline !important;
}

lightning-input.fullWidth,
lightning-input.fullWidth input {
  width: 100%;
}

/* fix empty slds-form-element__help gap */
lightning-input .slds-form-element__help {
  display: contents;
}

.cto-item label[c-vsp_b2b_quantitySelector_vsp_b2b_quantitySelector] {
  font-size: 20px;
  font-family: var(--headingFont);
  text-transform: uppercase;
}

.quantity-wrap .fieldErrorMessage {
  padding-left: 0;
}

/* *** EPE STYLES *** */
c-vsp_epe_project_list .listHeader button,
c-vsp_epe_project_list .projectCard button {
  color: black;
}

c-vsp_epe_project_list .projectCard .slds-card__header {
  margin-bottom: 0px;
}

c-vsp_epe_project_list .projectCard .slds-card__body {
  margin: unset;
}

.epeCard .slds-card__footer {
  padding-top: 0px;
  margin-top: auto;
  border-top: none;
}

.epeCard {
  display: flex;
  flex-grow: 1;
}

.epeCard .slds-card {
  display: flex;
  flex-direction: column;
}

.epeCard .slds-card__body {
  flex-grow: 1;
  display: flex;
}

.epeCardCol {
  display: flex;
}

.epeCardGrid {
  display: flex;
  align-items: unset;
}

.btoheadericontop svg {
  fill: #fccc2f;
}

.btoheadericontop svg {
  fill: #fccc2f;
}

.documentlst button {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.shadowcss {
  padding-bottom: 40px;
}

.shadowcss a {
  -webkit-box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.07);
}

.shadowcss a:hover {
  -webkit-box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.2);
}

.shadowcss .dxp-text-heading-medium {
  margin-left: 1.5rem;
}

.shadowcss .dxp-text-body {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.shadowcss .main-content-container {
  padding-top: 1.5rem !important;
  height: 450px !important;
}

@media only screen and (max-width: 550px) {
  .epedropdown .slds-dropdown {
    right: 0;
    left: auto;
  }
}

/* *** EPE STYLES *** */

@media screen and (min-width: 768px) {
  .quantity-selector label {
    /* margin-left: auto; */
  }

  .cto-item .quantity-selector label {
    margin-left: 0;
  }
}

@media print {
  /* REQUEST A QUOTE CONFIRMATION */
  .dealerName,
  .myAccountMenu,
  .footerWrap,
  .vsp_bannerWrap,
  .cVsp_navigationMenu,
  .cVsp_navigationmenu_header,
  .mainMenu {
    display: none;
  }
  /* END REQUEST A QUOTE CONFIRMATION */

  /* PRINTABLE AREA AND CALCULATORS */
  @supports not (-webkit-touch-callout: none) {
    /* CSS for other than iOS devices */
    html:has(.onePagePrint),
    body:has(.onePagePrint) {
      height: 100vh;
      overflow: hidden;
    }
  }

  /* CSS Mac and iOS devices Safari 7.1+  */
  _::-webkit-full-page-media,
  _:future,
  :root {
    .mainWrap {
      min-height: unset;
    }

    c-vsp_calculator_modal img {
      max-height: 100px;
    }
  }

  /* CSS iOS devices */
  @supports (-webkit-touch-callout: none) {
    html,
    body {
      height: 120vh;
      overflow: hidden;
    }
  }

  *:has(.onePagePrint) {
    visibility: hidden;
    margin: 0;
    padding: 0;
  }

  .onePagePrint .slds-modal {
    position: unset;
  }

  .onePagePrint .slds-backdrop {
    background: white !important;
  }

  .b2b-product-details-display {
    display: none;
  }

  lightning-accordion {
    position: unset !important;
  }

  .onePagePrint .slds-wrap {
    flex-wrap: nowrap !important;
  }

  .onePagePrint .slds-col:has(> c-vsp_product_image) {
    width: 30%;
  }

  .onePagePrint .slds-modal__container {
    height: min-content;
    top: -80px;
    left: 0;
    position: absolute !important;
    z-index: 9001;
  }

  .onePagePrint .slds-modal__content {
    overflow: visible !important;
  }

  .onePagePrint * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    visibility: visible;
  }

  .onePagePrint c-vsp_button_group .slds-button_brand {
    background-color: var(--yellow) !important;
  }

  .onePagePrint c-vsp_button_group .slds-button_brand {
    background-color: var(--yellow) !important;
  }

  c-vsp_calculator_modal:has(.onePagePrint) img {
    max-height: 100px;
  }

  c-vsp_calculator_modal {
    c-vsp_modal_header_close_button {
      display: none;
    }

    .cardGrid {
      grid-template-columns: repeat(2, 1fr) !important;
    }

    .value,
    h3 {
      font-size: 0.8rem !important;
    }

    .slds-var-p-top_small {
      padding-top: 0.5rem;
    }

    .slds-box {
      padding: 0.5rem;
    }
  }

  article:has(c-vsp_calculator_modal) {
    position: unset !important;
  }

  .slds-radio
    [type="radio"]:checked
    + .slds-radio__label
    .slds-radio_faux:after {
    background: black !important;
  }

  .slds-tabs_default__item.slds-is-active:after {
    background-color: #ffcd2f !important;
  }
  /* END PRINTABLE AREA AND CALCULATORS */
}

.slds-button_icon-brand {
  border: none;
}

.slds-button.slds-button_icon-brand:not(:disabled) {
  background-color: var(--lwc-brandAccessible, rgb(255, 205, 47));
}

.slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux {
  --slds-c-checkbox-toggle-color-border: var(
    --sds-c-checkbox-toggle-color-border-checked,
    #ffcd2f
  );
  --slds-c-checkbox-toggle-color-background: var(
    --sds-c-checkbox-toggle-color-background-checked,
    #ffcd2f
  );
}

.slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:hover {
  --slds-c-checkbox-toggle-color-background: var(
    --lwc-brandAccessibleActive,
    #fbbf00
  );
}

.slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:active {
  --slds-c-checkbox-toggle-color-background: var(
    --lwc-brandAccessibleActive,
    #fbbf00
  );
}

.slds-checkbox_toggle
  [type="checkbox"]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:focus {
  --slds-c-checkbox-toggle-color-background: var(
    --lwc-brandAccessibleActive,
    #fbbf00
  );
}

.slds-checkbox_toggle
  [type="checkbox"]:checked:focus
  + .slds-checkbox_faux_container
  .slds-checkbox_faux {
  --slds-c-checkbox-toggle-color-background: var(
    --lwc-brandAccessibleActive,
    #fbbf00
  );
}

.comm-section-container {
  --dxp-s-section-content-spacing-block-start: 0px;
  --dxp-s-section-content-spacing-block-end: 0px;
  --dxp-s-section-content-spacing-inline-start: 0px;
  --dxp-s-section-content-spacing-inline-end: 0px;
}

.slds-spinner_brand .slds-spinner__dot-a:before,
.slds-spinner_brand .slds-spinner__dot-a:after,
.slds-spinner_brand .slds-spinner__dot-b:before,
.slds-spinner_brand .slds-spinner__dot-b:after {
  background-color: var(--yellow);
}

.slds-spinner_brand.slds-spinner:before,
.slds-spinner_brand.slds-spinner:after {
  background-color: var(--yellow);
}

.builderSecondColWhitesmoke
  .columns-content
  community_layout-column:nth-child(3n) {
  background-color: whitesmoke;
}

.boldText.slds-form-element .slds-form-element__label {
  font-weight: bold;
}

.heroBanner .background-image-overlay {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.heroBanner .heroText {
  font-family: var(--headingFont);
  text-transform: uppercase;
}

.slds-modal__header.accountModal {
  padding-right: 39px;
}

.slds-modal__header.accountModal .modalCloseButton {
  top: 14px;
  right: 17px;
}

.flex {
  display: flex;
}

c-vsp_path {
  .check_icon_progress lightning-icon svg {
    width: 9px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
}

/* GUIDED SELLING CSS - START */


.gs_continue_btn button:active, .gs_continue_btn button:focus{
	--slds-c-button-brand-color-background: #f4cd44;
	background-color: #f4cd44;
	border: 2px solid #f4cd44;
	color: #fbfbfb
}

.gs_continue_btn button:hover{
	color: #fbfbfb !important;
	background-color: #f4cd44;
	transform: none;
	border: 2px solid #f4cd44;
}


.gs_black_btn button:active, .gs_black_btn button:focus{
	--slds-c-button-brand-color-background: transparent;
	background-color: transparent;
	border-color: black;
	color: black;
}

.gs_black_btn button:hover{
	transform: none !important;
	color: #fff !important;
	background-color: black !important;
}

/* GUIDED SELLING CSS - END */