/* Content section, variable overrides */
.content {
	--dxp-s-component-wrapper-spacer-size: .75rem;
	--dxp-s-component-wrapper-spacer-size-mobile: .5rem;
}
/* Header section, defined custom class for header component called site-header */
.site-header .lwc-4f6emnj8oa5-host header.lwc-4f6emnj8oa5 {
	background-color: var(--dxp-g-brand-contrast);
	--dxp-c-header-container-spacing-block-start: .25rem;
	--dxp-c-header-container-spacing-block-end: .25rem;
	--dxp-c-header-container-spacing-block-start-mobile: 0.25rem;
	--dxp-c-header-container-spacing-block-end-mobile: 0.75rem;
	--com-c-layout-header-min-height: var(--com-c-builder-layout-header-min-height, 55px);
}
/* Variable overrides for header */
.site-header .header-content {
	--dxp-s-button-color-hover: rgb(220, 220, 220);
}
/* Header section spacing removal */
.site-header .component-wrapper-spacer {
	margin-bottom: 0px;
}
/* Guest user profile icon and link text spacing */
.site-header a.login-link p.login-text  {
	padding-right: .5rem;
}
/* User profile section in header text width */
.site-header button.menu-button .menu-trigger {
	max-width: 100%;
}
/* User profile section in header padding */
.site-header button.menu-button  {
	padding: .75rem .5rem;
}
/* User profile icon and down arrow in header hover state and when clicked */
/* .site-header div.menu-button:hover .icon-color svg, .site-header div.menu-button:focus .icon-color svg, .site-header a.login-link:hover .icon-color svg, .site-header a.login-link:focus .icon-color svg {
	fill: var(--dxp-s-button-color-hover);
} */
/* User profile icon in header */
.site-header .icon-color svg {
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: 1px;
}
/* User profile icon in header */
.site-header .header-badge-icons .header-account commerce_builder-user-profile-menu {
	display: block;
}
 /* Three bar menu icon in header */
.site-header button.slds-button.slds-button_icon.slds-button_icon-bare {
	color: var(--dxp-g-brand);
}
 /* Site navigation menu expanded full screen close button */
 .site-header .close-button button.slds-button.slds-button_icon.slds-button_icon-bare {
	color: var(--dxp-g-neutral-3);
}
/* Remove halo effect around dropdown buttons in header and around edit and delete buttons on addresses page when clicked */
.site-header div.menu-button:focus, .site-header div.menu-button:focus-visible, .address-card-style-class button.address-footer-button-style:focus, .address-card-style-class button.address-footer-button-style:focus-visible {
	box-shadow: none;
	outline: none;
}
/* Navigation items in header */
.site-header .header-navigation nav ul.comm-drilldown-navigation__bar>li>a, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar>li>button, .site-header button.menu-button .menu-trigger:hover, .site-header button.menu-button .menu-trigger-p:hover {
	color: var(--dxp-g-brand);
}
/* Logo column in header will be 1-of-12 */
.site-header .header-content .layout-header-desktop .header-logo {
	width: 12.5%;
}
/* Navigation column in header will be 6-of-12 */
.site-header .header-content .layout-header-desktop .header-navigation {
	width: 48%;
}
/* Search column in header will be 3-of-12 */
.site-header .header-content .layout-header-desktop .header-search {
	width: 22%;
}
/* Search box container in header */
.site-header .header-content .layout-header-desktop .header-search>div {
	width: 97%;
}
/* Hover and focus state for navigation items and icons in header */
.site-header .header-navigation nav ul.comm-drilldown-navigation__bar>li>a:focus, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar>li>a:hover, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar>li>button:focus, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar>li>button:hover, .site-header button.menu-button:hover, .site-header .header-cart .cart-container a:hover {
	background-color: rgba(0, 0, 0, 0.25);
	color: var(--dxp-g-brand);
}

/* Cart icon in header padding */
.site-header .header-cart .cart-container a {
	padding: .9rem .25rem;
}
/* Dropdown menu items right arrow in header */
.site-header .header-navigation nav ul.comm-drilldown-navigation__bar commerce-drilldown-navigation-list .chevron-right {
	top: .9rem;
	right: .25rem;
}
/* Hover state for dropdown menu items in header */
.site-header .user-profile-menu-list.menu_ul a.menu-item_hover.menu-item-bg-hover-color.profile-menu-item_hover, .site-header nav ul.comm-drilldown-navigation__bar ul.slide-down button:hover, .site-header nav ul.comm-drilldown-navigation__bar ul.slide-down li:hover button, .site-header nav ul.comm-drilldown-navigation__bar ul.slide-down li a:hover, .site-header nav ul.comm-drilldown-navigation__bar ul.slide-down a:hover, .site-header .header-navigation nav ul.slds-list_vertical li a:hover, .site-header .header-navigation nav ul.slds-list_vertical li button:hover {
	color: var(--dxp-c-link-text-color-hover,var(--dxp-s-link-text-color-hover,var(--dxp-g-brand-1)));
	background-color: var(--dxp-g-root);
}
/* Regular state and focus state for dropdown menu items in header */
.site-header .header-navigation nav ul.comm-drilldown-navigation__bar commerce-drilldown-navigation-list button, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar commerce-drilldown-navigation-list a, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar commerce-drilldown-navigation-list button:focus, .site-header .header-navigation nav ul.comm-drilldown-navigation__bar commerce-drilldown-navigation-list a:focus, .site-header .header-navigation nav ul.slds-list_vertical li a, .site-header .header-navigation nav ul.slds-list_vertical li button {
	color: var(--dxp-c-navigation-text-color);
	background-color: var(--dxp-g-root);
}
/* Utility nav in top dark blue vertical padding */
.utility-nav nav ul.comm-drilldown-navigation__bar>li a {
	padding-top: .1rem;
	padding-bottom: .1rem;
	font-size: .8rem;
}
/* Close X link in dropdown navigation in header */
.site-header .close-button-wrapper .close-button button {
	color: var(--dxp-s-dropdown-text-color);
}
/* Banner component padding */
.dxp-block-image-host .main-content-container {
	--dxp-c-content-container-padding: 2rem;
}
/* Banner component content overlay */
.dxp-block-image-host .main-content-container .main-content {
	--dxp-c-content-border-radius: 8px;
}
/* Tiles component text overlay */
.comm-tile-menu .comm-tile-menu__item .comm-tile-menu__item-banner {
	word-break: inherit;
	white-space: inherit;
	overflow: visible;
}
/* Tiles component text overlay */
.comm-tile-menu .comm-tile-menu__item .comm-tile-menu__item-banner .comm-tile-menu__item-title {
	white-space: inherit;
	overflow: visible;
}
/* Cart page coupon code apply button and Order History page filter by date apply button */
.cart-section commerce_cart-apply-coupon-button button, commerce_my_account-orders-refinements commerce_my_account-date-filter div.button-padding button[class*="button_brand"] {
	line-height:var(--dxp-xs-button-line-height);
	padding-top:.15rem;
	padding-bottom:.15rem;
}
/* Product page Add To Cart button hover, Cart page proceed to checkout button hover, Checkout page place order button hover */
.product-section .quantity-list-container button[class*="button_brand"]:hover:enabled, .cart-section .main-content-container commerce_cart-checkout-button commerce-action-button button[class*="button_brand"]:hover:enabled, .checkout-section .main-content-container commerce-action-button button[class*="button_brand"]:hover:enabled {
	border-color: var(--com-c-button-primary-color-background-hover, var(--com-c-button-color-background-hover));
}
/* Product page Add To Cart button focus, Cart page proceed to checkout button focus, Checkout page place order button focus */
.product-section .quantity-list-container button[class*="button_brand"]:focus:enabled, .product-section .quantity-list-container button[class*="button_brand"]:focus-visible:enabled, .cart-section .main-content-container commerce_cart-checkout-button commerce-action-button button[class*="button_brand"]:focus:enabled, .cart-section .main-content-container commerce_cart-checkout-button commerce-action-button button[class*="button_brand"]:focus-visible:enabled, .checkout-section .main-content-container commerce-action-button button[class*="button_brand"]:focus:enabled, .checkout-section .main-content-container commerce-action-button button[class*="button_brand"]:focus-visible:enabled {
	border-color: var(--com-c-button-primary-color-background-hover, var(--com-c-button-color-background-hover));
	box-shadow: var(
        --sds-c-button-shadow-focus,
        0 0 0 2px var(--sds-c-button-neutral-color-background, var(--dxp-g-root, #fff)),
        0 0 0 4px var(--com-c-button-primary-color-background-hover, var(--com-c-button-color-background-hover))
    );
}
/* Product page Add To Cart button active, Cart page proceed to checkout button active, Checkout page place order button active */
.product-section .quantity-list-container button[class*="button_brand"]:active:enabled, .cart-section .main-content-container commerce_cart-checkout-button commerce-action-button button[class*="button_brand"]:active:enabled, .checkout-section .main-content-container commerce-action-button button[class*="button_brand"]:active:enabled {
	border-color: var(--com-c-button-primary-color-background-hover, var(--com-c-button-color-background-hover));
	background-color: var(--com-c-button-primary-color-background-hover, var(--com-c-button-color-background-hover));
}
/* Footer section, defined custom class for footer component called site-footer */
.site-footer footer {
	--dxp-c-footer-container-spacing-block-start: .75rem;
	--dxp-c-footer-container-spacing-block-end: .75rem;
	--dxp-c-footer-container-spacing-block-start-mobile: 0.5rem;
	--dxp-c-footer-container-spacing-block-end-mobile: 0.5rem;
	--dxp-c-column-container-spacing-block-start-mobile: .5rem;
}
/* Footer section */
.site-footer footer .footer .comm-section-container {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Profile section vertical navigation bar selected */
.navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item[class*="is-active"] a, .navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item[class*="is-active"] a:hover {
	color: var(--dxp-g-root-contrast);
	text-decoration: none;
	cursor: default;
}
/* Profile section vertical navigation bar left vertical line */
.navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item a, .navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item[class*="is-active"] a, .navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item a:hover, .navigation .navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item[class*="nav-vertical"] a[class*="nav-vertical"]:focus {
	box-shadow:none;
}
/* Profile section vertical navigation bar background color */
.navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item[class*="is-active"]::before, .navigation-menu-container .navigation-list-menu lightning-vertical-navigation-item:hover::before {
	background-color: rgb(243, 243, 244);
}
/* Category dropdown and filter text */
ul.product-grid-container li.grid-item .cardContainerGrid .fieldsArea div[class*="truncate"] {
	white-space: normal;
}
/* Category dropdown and filter text */
.category-text ul.categories .category-item {
	display: inline;
}
/* Category page left side filters up arrow */
.category-text .panel-container .categories-section .section-header .expand-button button {
	padding-bottom: 5px;
	margin-bottom:10px
}
/* Category page left side filters back arrow */
.category-text .panel-container .categories-section .parent-category button svg {
	padding-bottom: 3px;
}
/* Category dropdown and filter text hover, Cart page clear cart link hover, Cart page show more link hover, Category page product item title hover */
.category-text ul.categories li:hover .category-item, .cart-section .clear-cart-section button.clear-cart-button:hover p, .cart-section button.show-more-button:hover p, ul.product-grid-container li.grid-item .cardContainerGrid .fieldsArea a:hover [class*="text-heading"] {
	color: var(--dxp-c-link-text-color-hover,var(--dxp-s-link-text-color-hover,var(--dxp-g-brand-1)));
	text-decoration: underline;
}
/* Category page product tiles */
ul.product-grid-container li.grid-item > section {
	min-height: 92.5%;
	height: -webkit-fill-available;
}
/* Category page product tile item */
ul.product-grid-container li.grid-item .cardContainerGrid {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
/* Category page product tiles text size */
.category-text ul.product-grid-container li.grid-item .cardContainerGrid .fieldsArea, .category-text ul.product-grid-container li.grid-item .cardContainerGrid .priceArea .negotiated-price {
	--dxp-s-text-heading-medium-font-size: 1.45rem;
	--com-c-product-pricing-negotiated-price-label-size: 1.45rem;
}
/* Category page product tile image */
ul.product-grid-container li.grid-item .cardContainerGrid .imageArea {
	flex-grow: 1;
	align-items: start;
}
/* Category page product tile price text alignment */
ul.product-grid-container li.grid-item .cardContainerGrid .priceArea {
	align-self: center;
}
/* Category page product tile view options outline button */
.category-text ul.product-grid-container li.grid-item .cardContainerGrid .callToActionArea a[class*="button_outline-brand"]:hover, .category-text ul.product-grid-container li.grid-item .cardContainerGrid .callToActionArea a[class*="button_outline-brand"]:focus, .category-text ul.product-grid-container li.grid-item .cardContainerGrid .callToActionArea a[class*="button_outline-brand"]:active {
	background-color: var(--sds-c-button-outline-brand-color-background-hover, var(--slds-c-button-outline-brand-color-background-hover, var(--dxp-s-secondary-button-color-hover, var(--dxp-g-root-1, #f3f3f3))));
    border-color: var(--sds-c-button-outline-brand-color-border-hover, var(--slds-c-button-outline-brand-color-border-hover, var(--dxp-s-secondary-button-border-color-hover, var(--dxp-g-brand-1, #0176d3))));
    color: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-secondary-button-text-color-hover, var(--dxp-g-brand-1, #0176d3))));
}
/* Product details page product image */
.product-image .desktop-gallery-image {
	width: 90%;
}
/* Product details page product carousel thumbnails */
.product-image .images.carousel-below commerce_product_details-carousel[class*="image-carousel"] {
	--com-c-gallery-image-width-desktop: 90%;
}
/* Product details page product image proportions */
.product-image .images.carousel-below .image-container img {
	width: auto;
}
.border-box-rounded-corners {
	border: 1px solid rgb(225, 227, 229);
	border-radius:8px;
}
/* Table heading */
.dak-table-content thead th {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 75, 150);
	border-color: rgb(0, 75, 150);
	vertical-align: middle;
}
/* Table cell */
.dak-table-content td, .dak-table-content th {
	padding: .6rem;
	width: auto;
}
/* Table row even */
.dak-table-content tr:nth-of-type(even) {
	background-color: rgb(243, 243, 244);
}
/* Tabs entire buttons and content container */
.tabs-gray-rounded-border .dxp-tabs-container.slds-tabs_default {
	box-shadow: 0 0.65rem 1rem rgba(0,0,0,.15);
	background-color: rgb(241,241,242);
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.125);
}
/* Tabs button container only */
.tabs-gray-rounded-border .dxp-tabs-container.slds-tabs_default .dxp-tabs-container {
	height: 100%;
	min-height: 51px;
}
/* Tabs button container ul remove bottom line */
.tabs-gray-rounded-border .dxp-tabs-container.slds-tabs_default .dxp-tabs-container ul.slds-tabs_default__nav {
	border-bottom: none;
}
/* Tabs button container individual buttons */
.tabs-gray-rounded-border .dxp-tabs-container.slds-tabs_default .dxp-tabs-container ul.slds-tabs_default__nav li.dxp-tab-nav-container {
	border-bottom: none;
	padding-left: 30px;
	padding-right: 30px;
}
/* Tabs button container individual buttons hover */
.tabs-gray-rounded-border .dxp-tabs-container.slds-tabs_default .dxp-tabs-container ul.slds-tabs_default__nav li.dxp-tab-nav-container[data-active="false"]:hover {
	background-color: rgb(247,247,250);
	border-radius: 8px 8px 0px 0px;
}
/* Tabs button container individual buttons active button only */
.tabs-gray-rounded-border .dxp-tabs-container.slds-tabs_default .dxp-tabs-container ul.slds-tabs_default__nav li.dxp-tab-nav-container[data-active="true"] {
	border: 1px solid rgba(0,0,0,.125);
	border-bottom: 2px solid rgb(255,255,255);
	border-radius: 8px 8px 0px 0px;
}
/* Tabs content container only */
.tabs-gray-rounded-border .dxp-tabs-container dxp_layout-tab.slds-show {
	padding:30px;
	background-color: rgb(255,255,255);
	border-radius: 0px 0px 8px 8px;
}
/* Info bubble next to form labels */
lightning-helptext .slds-button {
	padding: 0;
}

@media only screen and (max-width: 47.9375em) {
/* Content section, variable overrides */
.content {
	--dxp-s-text-heading-extra-large-font-size: 2.25rem;
}
/* Sections, variable overrides */
.comm-section-container[class*="lwc"] {
	--dxp-style-c-margin-right-s: .5rem;
	--dxp-style-c-margin-left-s: .5rem;
}
/* Header logo */
.header-content .layout-header-mobile .header-logo div[class*="site-logo"] {
	margin-bottom: 5px;
}
/* Banner component content overlay */
.dxp-block-image-host .main-content-container .main-content {
	width:100%;
}
/* Banner component buttons */
.dxp-block-image-host .main-content-container .main-content .cta-buttons {
	width:100%;
}
/*Category page product tiles*/
ul.product-grid-container li.grid-item > section {
	margin-left: .5rem;
	margin-right: .5rem;
}
/*Category page product tiles*/
ul.product-grid-container li.grid-item .cardContainerGrid {
	overflow: visible;
}
/*Category page product tiles button*/
ul.product-grid-container li.grid-item .cardContainerGrid .callToActionArea button, ul.product-grid-container li.grid-item .cardContainerGrid .callToActionArea .callToActionButton a {
	height: fit-content;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*Order Summary component*/
.order-summary .order-ctn .order-header {
	flex-direction: column;
}
/* Table mobile wrap */
.dak-table-content thead {
	display: none;
}
.dak-table-content tbody, .dak-table-content tr, .dak-table-content td {
	display: block;
	width: 100%;
}
.dak-table-content td {
	padding: .6rem 1rem;
}
.dak-table-content td:first-child {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 75, 150);
	border-color: rgb(0, 75, 150);
	font-weight: bold;
	margin-top: 1rem;
}
.dak-table-content td[data-title]:before {
	content: attr(data-title);
	font-weight: bold;
	display: inline-block;
}
}

/* This is the custom breakpoint for the my account banner */
@media only screen and (min-width: 1024px) and (max-width: 1450px) {
	.my-account-banner>.slds-col {
		width: 100%;
	}
}
/* This is the custom td width for select td in the my account banner*/
.tax-exempt-content td {
	width: 50%;
}