:root {
  --grad-orange: #f5ae63 ;
  --grad-red: #ef3e6e;
  --grad-blue1: #143060;
  --grad-blue2: #32c0fc;
  --grad-purple1: #143060;
  --grad-purple2: #32c0fc;
  --lowes-blue-dark: #143060;
  --angled-divider-height: min(4rem,7vw);
  --angled-divider-width: 100%;
  --angled-divider-offset: -1px;
  --angled-divider-color: var(--shade-ultra-dark);
  /*--variable to control header logo icon size
     need this because once the icon element is changed to a link, front end styling changes it to very small
     */
  --logo-size: calc(var(--text-xxl)* 2.5);
}
.overlay--multiply {
  mix-blend-mode: darken;
}
.h--gradient {
  background: -webkit-linear-gradient(0deg, var(--primary), var(--action));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-sub_gradient {
  background: linear-gradient(90deg, #4c4ec7, #7e51d5, #ab52df);
}
.yellow-red--gradient {
  background: #f5b062;
  background: linear-gradient(45deg, #f5b062 9%, #f07168 50%, #ee396e 100%);
}
/*Home page toggle styling*/
[data-header-style="Overlay"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
[data-header-style="Overlay"] #brxe-gycnvr .brx-nav-nested-items > li > a {
  font-weight: 600;
  color: var(--shade-ultra-light);
  padding-top: 2px;
  border-top: 3px solid transparent;
}
[data-header-style="Overlay"] #brxe-gycnvr .brx-nav-nested-items > li > a:hover {
  border-top: 3px solid var(--shade-ultra-light);
}
[data-header-style="Home"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
[data-header-style="Home"] #brxe-gycnvr .brx-nav-nested-items > li > a {
  font-weight: 600;
  color: var(--shade-ultra-light);
  padding-top: 2px;
  border-top: 3px solid transparent;
}
[data-header-style="Home"] #brxe-gycnvr .brx-nav-nested-items > li > a:hover {
  border-top: 3px solid var(--shade-ultra-light);
}
.logo-header-svg {
  fill: var(--neutral-ultra-light);
  transition-duration: 250ms;
  transition-property: fill, transform;
  transition-timing-function: ease-out;
}
.logo-header-svg:hover {
  fill: var(--primary-medium);
  transform: rotate(9deg) scale(1.1, 1.1);
}
.logo-header-svg:not([height]) {
  min-height: var(--logo-size);
}
.tg-product-title {
  color: red !important;
}