:root {
  /* Font */
  --atomic-font-family: "LinFont", "Open Sans", BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --main-color: #2251a4;
  --accent-color: #16356a;
  --secondary-color: #f1f1f1;
  --facet-label-border-bottom: 1px solid #b9cdd7;
  --facet-label-padding-bottom: 5px;
  --facet-label-font-weight: 600;
  --facet-label-font-size: 18px;
  --facet-label-margin: 0;
  --facet-label-background-color: #f1f1f1;
  --links-font-size: 26px;
  --links-font-weight: 700;
  --links-color: var(--main-color);
  --links-hover-color: #944c00;
  --links-hover-text-shadow: 0 0 0.2px #18bff0;

  --accessible-green: #1d7732;
  --price-info-price-color: #dc3545;
  --price-info-former-price-color: #939598;
  --quantity-input-max-width: 3rem;
  --price-info-accent-color: #dc3545;
  --price-info-inactive-color: #939598;
  --background-color: #f1f1f1;
  --action-link-color: var(--main-color);

  --facet-item-inner-line-height: 1.4;

  --weldingsupply-pack-badge-color: #f26722;
}

body {
  margin: 0;
}

.tempCursor {
  display: block;
  position: absolute;
  z-index: 100000;
  width: 100%;
  height: 700%;
  cursor: wait;
  top: 0;
}

atomic-search-layout {
  height: auto;
}

atomic-commerce-interface.hidden,
atomic-search-interface.hidden {
  display: none;
}

.standalone-search-container {
  font-family: LinFont, helvetica-neue-medium, sans-serif;
  background-color: var(--secondary-color);
}

.standalone-search-container-border {
  outline: 1px solid #7faac8;
  display: flex;
  height: 32px;
}

button#dropdownMenuSearchScope {
  outline: 0;
  cursor: pointer;
  color: white;
  border: 0;
  min-width: 120px;
  padding: 4px;
  border-radius: 0;
  background-color: var(--main-color);
  height: 100%;
  width: 100%;
}

div#searchBarTabDropDown {
  padding: 0;
}

div#searchBarTabDropDown li {
  background-color: var(--secondary-color);
  border: 0;
  color: #0077cc;
  color: var(--main-color);
  font-size: 1rem;
  font-weight: 600;
  padding: 4px 10px;
  white-space: nowrap;
  outline: 1px solid #b9cdd7;
}

div#searchBarTabDropDown li:not(:last-child) {
  border-bottom: 1px solid #b9cdd7;
}

atomic-commerce-search-box {
  flex: 1;
  border-radius: 0;
  z-index: 1005;
}

atomic-commerce-search-box::part(suggestions-wrapper) {
  width: 60vw;
  left: calc(50% - 30vw - 60px);
}

atomic-commerce-search-box::part(submit-button-wrapper) {
  color: white;
  background-color: #0077cc;
  background-color: var(--main-color);
  margin-right: 0;
}
atomic-commerce-search-box::part(textarea) {
  font-size: 16px;
  padding: 5px;
  padding-left: 1rem;
}
atomic-commerce-search-box::part(submit-icon) {
  color: white;
}
atomic-commerce-search-box::part(submit-button) {
  background-color: #0077cc;
  background-color: var(--main-color);
}
atomic-commerce-search-box::part(wrapper) {
  height: 100%;
  border-radius: 0;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

atomic-commerce-search-box::part(suggestions-left) {
  background: var(--secondary-color);
  flex-basis: 25%;
  flex-grow: inherit;
}
atomic-commerce-search-box::part(suggestion) {
  color: var(--main-color);
}

atomic-commerce-search-box::part(query-suggestion-icon),
atomic-commerce-search-box::part(recent-query-icon) {
  display: none;
}

atomic-commerce-search-box::part(suggestions-right) {
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  justify-items: stretch;
  align-content: space-around;
  justify-content: space-evenly;
  grid-row-gap: 0.5rem;
  grid-column-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  padding: 1.75rem 0.3rem 1.3rem 0.3rem;
}

atomic-commerce-search-box::part(suggestion instant-title) {
  width: 100%;
  margin-top: 0.75rem;
}

atomic-commerce-search-box::part(suggestion instant-title),
atomic-commerce-search-box::part(recent-query-title) {
  font-size: 18px;
  font-weight: 700;
}

atomic-commerce-search-box::part(recent-query-clear) {
  font-weight: 600;
  text-decoration: underline;
}

atomic-commerce-search-box::part(recent-query-title-content) {
  align-items: baseline;
}

atomic-commerce-search-box::part(
    suggestion recent-query-title-item suggestion-divider
  ) {
  border-top: solid thin #b9cdd7;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

atomic-commerce-search-box::part(suggestion instant-results-item) {
  border: 1px solid transparent;
  padding: 1rem;
  border-radius: 1rem;
  transition: all 0.12s ease-out;
  background-color: transparent;
  height: -webkit-fill-available;
}

atomic-commerce-search-box::part(instant-results-show-all-button) {
  color: #0077cc;
  font-weight: 600;
}

atomic-commerce-search-box::part(suggestion instant-results-item):hover {
  border: 1px solid var(--atomic-neutral);
  box-shadow: 0px 10px 25px var(--atomic-neutral);
  cursor: pointer;
  background-color: transparent;
}

atomic-commerce-search-box::part(instant-results-show-all) {
  background-color: inherit;
  position: absolute;
  margin-left: auto;
  display: block;
  /* width: 6.5rem; */
  text-align: center;
  left: calc(100% - 10.5rem);
  text-decoration: underline;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  top: 0.5rem;
}

atomic-commerce-search-box::part(suggestion instant-results-item),
atomic-commerce-search-box::part(suggestion instant-results-item):hover,
atomic-commerce-product-list::part(result-list-grid-clickable-container),
atomic-product-list::part(result-list-grid-clickable-container) {
  border: 0;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  cursor: pointer;
}

@media (min-width: 1024px) and (max-width: 1200px) {
  atomic-commerce-product-list::part(result-list) {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  atomic-commerce-product-list::part(result-list) {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  atomic-commerce-layout {
    grid-template-areas:
      ". atomic-section-facets   atomic-section-main   ."
      ". atomic-section-facets   atomic-section-main   ." !important;
  }

  .atomic-commerce-interface-no-results atomic-commerce-layout {
    grid-template-areas:
      ". atomic-section-main atomic-section-main ."
      ". atomic-section-main atomic-section-main ." !important;
  }
}

@media only screen and (max-width: 1023px) {
  atomic-commerce-layout {
    grid-template-areas: ". atomic-section-main ." !important;
  }
  atomic-commerce-refine-toggle::part(button) {
    border-radius: 0;
    border: 2px solid var(--main-color);
    color: var(--main-color);
    background-color: transparent;
    font-weight: 600;
    font-size: 16px;
  }
}

atomic-layout-section[section="status"],
atomic-commerce-facets {
  --main-color: #333333;
}

atomic-commerce-facet::part(value-label),
atomic-commerce-facet::part(value-count),
atomic-commerce-numeric-facet::part(value-label),
atomic-commerce-numeric-facet::part(value-count),
atomic-commerce-category-facet::part(value-label),
atomic-commerce-category-facet::part(value-count) {
  font-weight: 500 !important;
}

@media (min-width: 768px) {
  atomic-commerce-facets atomic-commerce-category-facet[field="ec_category"],
  atomic-commerce-facets atomic-commerce-facet[field="ec_brand"],
  atomic-commerce-facets
    atomic-commerce-facet[field="ec_linde_status_delivery"],
  atomic-commerce-facets atomic-commerce-facet[field="ec_linde_status_pickup"],
  atomic-commerce-facets
    atomic-commerce-facet[field="ec_linde_product_deals_ws"],
  atomic-commerce-facets atomic-commerce-facet[field="ec_linde_getitnow"],
  atomic-commerce-facets atomic-commerce-numeric-facet[field="ec_price"] {
    display: none;
  }
}

atomic-commerce-category-facet::part(facet),
atomic-commerce-facet::part(facet),
atomic-commerce-numeric-facet::part(facet),
atomic-facet::part(facet) {
  color: var(--main-color);
  font-family: LinFont, helvetica-neue-medium, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: var(--facet-item-inner-line-height);
  background-color: var(--secondary-color);
  padding: 15px 10px;
  border-radius: 0;
  margin: 1rem 0;
}

atomic-commerce-category-facet::part(values),
atomic-commerce-category-facet::part(parents) {
  background-color: var(--secondary-color);
}

atomic-commerce-category-facet::part(label-button),
atomic-commerce-facet::part(label-button),
atomic-facet::part(label-button),
atomic-commerce-numeric-facet::part(label-button) {
  border-bottom: var(--facet-label-border-bottom);
  padding-bottom: var(--facet-label-padding-bottom);
  color: var(--main-color);
  font-weight: var(--facet-label-font-weight);
  font-size: var(--facet-label-font-size);
  margin: var(--facet-label-margin);
  background-color: var(--facet-label-background-color);
  text-transform: uppercase;
}

atomic-commerce-search-box::part(suggestions-wrapper) {
  /* Remove all borders first */
  border: none;

  /* Reapply left, right, and bottom using the same utility variables */
  border-left: 1px var(--tw-border-style, solid) var(--atomic-neutral, #ccc);
  border-right: 1px var(--tw-border-style, solid) var(--atomic-neutral, #ccc);

  /* Small margin to see search box's input's border bottom */
  margin-top: 1px;
}

atomic-commerce-category-facet::part(value-link),
atomic-commerce-category-facet::part(active-parent),
atomic-commerce-category-facet::part(all-categories-button),
atomic-commerce-category-facet::part(parent-button),
atomic-commerce-facet::part(value-checkbox-label),
atomic-facet::part(value-checkbox-label),
atomic-commerce-numeric-facet::part(value-checkbox-label) {
  border-bottom: 1px solid #b9cdd7;
  color: var(--main-color);
  font-family: LinFont, helvetica-neue-medium, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: var(--facet-item-inner-line-height);
  background-color: var(--secondary-color);
}

atomic-commerce-numeric-facet::part(values),
atomic-commerce-facet::part(values) {
  margin-top: 0px;
}

atomic-commerce-facet::part(value-checkbox-label),
atomic-commerce-numeric-facet::part(value-checkbox-label) {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

atomic-commerce-facet::part(value-label),
atomic-commerce-category-facet::part(value-label) {
  text-overflow: initial;
  text-wrap: wrap !important;
}
atomic-commerce-layout,
atomic-search-layout {
  grid-template-columns: 1fr minmax(15rem, 15rem) minmax(50%, 70rem) 1fr !important;
}

atomic-search-layout atomic-layout-section[section="status"],
atomic-commerce-layout atomic-layout-section[section="status"] {
  display: flex;
  background-color: var(--secondary-color);
  flex-direction: column;
}

atomic-search-layout atomic-layout-section[section="status"] .statusRow,
atomic-commerce-layout atomic-layout-section[section="status"] .statusRow {
  display: flex;
}

atomic-search-layout
  atomic-layout-section[section="status"]
  .statusRow
  .leftCell,
atomic-search-layout
  atomic-layout-section[section="status"]
  .statusRow
  .rightCell,
atomic-commerce-layout
  atomic-layout-section[section="status"]
  .statusRow
  .leftCell,
atomic-commerce-layout
  atomic-layout-section[section="status"]
  .statusRow
  .rightCell {
  display: flex;
  align-items: center;
  flex: 1;
}

atomic-search-layout
  atomic-layout-section[section="status"]
  .statusRow
  .rightCell,
atomic-commerce-layout
  atomic-layout-section[section="status"]
  .statusRow
  .rightCell {
  justify-content: flex-end;
  gap: 5px;
}

atomic-commerce-recommendation-list::part(label) {
  display: flex;
  justify-content: center;
  color: var(--main-color, #2251a4);
  background-color: var(--secondary-color, #f1f1f1);
  border-radius: 0;
  border: none;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1rem !important;
}
@media (max-width: 767.98px) {
  atomic-commerce-recommendation-list {
    --atomic-recs-number-of-columns: 1 !important;
  }
  atomic-commerce-recommendation-list::part(previous-button) {
    position: absolute;
    bottom: -68px;
    left: 40px;
    display: block;
    top: unset !important;
  }
  atomic-commerce-recommendation-list::part(next-button) {
    position: absolute;
    bottom: -68px;
    right: -40px;
    display: block;
    top: unset !important;
  }
  atomic-commerce-layout atomic-layout-section[section="status"] .statusRow {
    flex-direction: column;
  }
  atomic-commerce-layout
    atomic-layout-section[section="status"]
    .statusRow
    .rightCell {
    justify-content: start;
  }
  atomic-commerce-layout,
  atomic-search-layout {
    grid-template-columns: 1rem minmax(0, 1fr) 1rem !important;
  }
  atomic-search-layout atomic-layout-section[section="status"],
  atomic-commerce-layout atomic-layout-section[section="status"] {
    grid-template-areas:
      "action-message ."
      "atomic-breadbox ."
      "atomic-query-summary ."
      "atomic-sort ."
      "atomic-did-you-mean ."
      "atomic-notifications .";
  }

  results-layout-selector,
  action-header-chkbox,
  action-header-selector {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  atomic-commerce-recommendation-list {
    --atomic-recs-number-of-columns: 4 !important;
  }

  atomic-commerce-recommendation-list::part(previous-button) {
    position: absolute;
    bottom: -68px;
    left: 40px;
    display: block;
    top: unset !important;
  }
  atomic-commerce-recommendation-list::part(next-button) {
    position: absolute;
    bottom: -68px;
    right: 40px;
    display: block;
    top: unset !important;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  atomic-commerce-layout,
  atomic-search-layout {
    grid-template-columns: 1rem minmax(0, 1fr) 1rem !important;
  }
  atomic-commerce-layout atomic-layout-section[section="status"] {
    grid-template-areas:
      "action-message action-message"
      "atomic-breadbox atomic-breadbox"
      "checkbox ."
      "actions ."
      "atomic-query-summary atomic-query-summary"
      "atomic-sort  atomic-layout-selector"
      "atomic-did-you-mean  atomic-did-you-mean"
      "atomic-notifications  atomic-notifications";
  }
  atomic-search-layout atomic-layout-section[section="status"] {
    grid-template-areas:
      "action-message action-message"
      "atomic-breadbox atomic-breadbox"
      "atomic-query-summary atomic-query-summary"
      "atomic-sort  atomic-layout-selector"
      "atomic-did-you-mean  atomic-did-you-mean"
      "atomic-notifications  atomic-notifications";
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  atomic-commerce-layout atomic-layout-section[section="status"] {
    grid-template-areas:
      "action-message action-message action-message action-message action-message"
      "atomic-breadbox atomic-breadbox atomic-breadbox atomic-breadbox atomic-breadbox"
      "checkbox actions . . ."
      "atomic-query-summary atomic-query-summary atomic-query-summary atomic-sort  atomic-layout-selector"
      "atomic-did-you-mean  atomic-did-you-mean atomic-did-you-mean atomic-did-you-mean atomic-did-you-mean"
      "atomic-notifications  atomic-notifications atomic-notifications atomic-notifications atomic-notifications";
  }
}

atomic-commerce-layout atomic-layout-section[section="status"] > *,
atomic-search-layout atomic-layout-section[section="status"] > * {
  margin: var(--atomic-layout-spacing-y) var(--atomic-layout-spacing-x);
}

atomic-commerce-query-summary::part(highlight),
atomic-commerce-query-summary::part(container) {
  font-weight: 600;
}

atomic-query-summary::part(highlight),
atomic-query-summary::part(container) {
  font-weight: 600;
}

.atomic-commerce-interface-no-results results-layout-selector,
.atomic-search-interface-no-results results-layout-selector,
.atomic-commerce-interface-no-results
  atomic-commerce-layout
  atomic-layout-section[section="status"]
  .statusRow
  .leftCell,
.atomic-commerce-interface-no-results
  atomic-commerce-layout
  atomic-layout-section[section="status"]
  .statusRow
  .rightCell {
  display: none;
}

results-layout-selector {
  grid-area: atomic-layout-selector;
}
action-header-chkbox {
  grid-area: checkbox;
}
action-header-selector {
  grid-area: actions;
}
action-header-message {
  grid-area: action-message;
}
atomic-commerce-sort-dropdown::part(label),
atomic-sort-dropdown::part(label) {
  color: var(--main-color);
  font-size: 13px;
  line-height: 1.7;
  font-weight: 600;
}
atomic-commerce-sort-dropdown::part(select),
atomic-sort-dropdown::part(select) {
  background-color: var(--secondary-color);
  color: var(--main-color);
  font-weight: 600;
}
atomic-commerce-sort-dropdown::part(select-separator),
atomic-sort-dropdown::part(select-separator) {
  border-left: none;
  color: var(--main-color);
}
atomic-commerce-sort-dropdown::part(select):hover,
atomic-commerce-sort-dropdown::part(select):focus-visible,
atomic-sort-dropdown::part(select):hover,
atomic-sort-dropdown::part(select):focus-visible {
  border-color: var(--main-color);
}
atomic-commerce-query-summary::part(container),
atomic-query-summary::part(container) {
  color: var(--main-color);
}

atomic-commerce-pager::part(buttons),
atomic-pager::part(buttons) {
  gap: 0;
}

atomic-commerce-pager::part(page-button),
atomic-commerce-pager::part(previous-button),
atomic-commerce-pager::part(next-button),
atomic-pager::part(page-button),
atomic-pager::part(previous-button),
atomic-pager::part(next-button) {
  color: var(--main-color);
  padding: 0.5rem 0.75rem;
  border: 1px solid #ddd;
  border-radius: 0;
}

atomic-commerce-pager::part(page-button):hover,
atomic-commerce-pager::part(previous-button):hover,
atomic-commerce-pager::part(next-button):hover,
atomic-pager::part(page-button):hover,
atomic-pager::part(previous-button):hover,
atomic-pager::part(next-button):hover {
  color: #00192b;
  background-color: #e9ecef;
}

atomic-commerce-pager::part(page-button active-page-button),
atomic-pager::part(page-button active-page-button) {
  color: #fff;
  background-color: #18bff0;
  border-color: #18bff0;
}

atomic-commerce-pager::part(page-button active-page-button):hover,
atomic-pager::part(page-button active-page-button):hover {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

action-header-selector .dropdown {
  border-color: var(--secondary-color);
}
action-header-selector .dropdown .button {
  width: auto !important;
}

action-header-selector .dropdown .button:disabled {
  color: #495057;
  opacity: 0.5;
  background-color: transparent;
}
.result-list-container {
  border: 1px solid rgba(185, 205, 215, 0.5);
}

.result-list-container[display="list"]
  atomic-commerce-product-list[display="list"] {
  display: block;
}
.result-list-container[display="list"]
  atomic-commerce-product-list[display="grid"] {
  display: none;
}
.result-list-container[display="grid"]
  atomic-commerce-product-list[display="grid"] {
  display: block;
}
.result-list-container[display="grid"]
  atomic-commerce-product-list[display="list"] {
  display: none;
}

.result-root.with-sections.display-list.image-large,
.result-root.with-sections.display-list.image-small {
  grid-template-areas:
    "badges"
    "visual"
    "children"
    "title"
    "title-metadata"
    "emphasized"
    "excerpt"
    "bottom-metadata"
    "actions";
  grid-template-columns: 100%;
  grid-template-rows: repeat(9, auto);
}

atomic-search-interface.documents_tab {
  atomic-facet[field="commontopic"] {
    display: none;
  }
  atomic-facet::part(label-button) {
    display: none;
  }
}

atomic-commerce-recommendation-list[products-per-page="4"] {
  --atomic-recs-number-of-columns: 4;
}
atomic-commerce-recommendation-list[products-per-page="5"] {
  --atomic-recs-number-of-columns: 5;
}

atomic-commerce-recommendation-list[products-per-page="6"] {
  --atomic-recs-number-of-columns: 6;
}

atomic-commerce-recommendation-list[products-per-page="7"] {
  --atomic-recs-number-of-columns: 7;
}

custom-facet-manager::part(search-result-path) {
  display: none;
}

atomic-commerce-layout
  atomic-layout-section[section="status"]
  > action-header-message {
  grid-column: 1 / none;
  margin: 0px;
}
atomic-commerce-layout
  atomic-layout-section[section="status"]
  > action-header-message
  .alert {
  margin: 0px;
}

atomic-commerce-breadbox::part(label) {
  color: var(--main-color);
}
atomic-commerce-breadbox::part(breadcrumb-button),
atomic-commerce-breadbox::part(clear) {
  border-radius: 0;
  border: 0;
  font-weight: 600;
  color: var(--main-color);
}
atomic-commerce-breadbox::part(label) {
  font-weight: 600;
}

atomic-breadbox::part(label) {
  color: var(--main-color);
}
atomic-breadbox::part(breadcrumb-button),
atomic-breadbox::part(clear) {
  border-radius: 0;
  border: 0;
  font-weight: 600;
  color: #0077cc;
}
atomic-breadbox::part(label) {
  font-weight: 600;
}

atomic-commerce-breadbox::part(breadcrumb-value) {
  max-width: initial !important;
}
atomic-commerce-breadbox::part(breadcrumb-label),
atomic-commerce-breadbox::part(breadcrumb-value),
atomic-commerce-breadbox::part(breadcrumb-clear) {
  color: var(--main-color);
}

atomic-commerce-recommendation-interface {
  height: fit-content;
}

@media only screen and (min-width: 1024px) {
  atomic-commerce-recommendation-interface atomic-commerce-layout {
    grid-template-columns: var(--atomic-layout-spacing-x) minmax(0, 1fr) var(
        --atomic-layout-spacing-x
      ) !important;
    grid-template-areas: ". atomic-section-main ." !important;
  }
  atomic-commerce-recommendation-list::part(label) {
    margin-bottom: 1.5rem;
    padding: 1.5rem 1rem;
  }
}

.shop-by-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid lightgray;
  gap: 1rem;
  padding: 1.5rem 0;
}
.shop-by-section > ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.shop-by-section > ul > li{
  width: 256px;
}
.shop-by-section image-link{
  text-align: center;
}
.shop-by-section a.button{
  font-family: inherit;
  overflow: visible;
  text-transform: none;
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem;
  font-size: 18px;
  line-height: 1.25;
  display: block;
  white-space: nowrap;
  transition: .3s;
  border-radius: 0;
  font-weight: 600 !important;
  cursor: pointer;
  text-decoration: none !important;
  flex: 1;
  flex: 1;
  border-color: transparent;
  background: #e07400 !important; 
  color: #fff;
  align-self: center;
  transition: border .2s ease-in;
}
.shop-by-section a.button:hover {
  color: #e07400;
  border: 1px solid #e07400;
  background: white !important;  
}