html, body {
  margin: 0;
  padding: 0;
  line-height: normal;
}
p {
  margin: 0;
}

.page-container {
  max-width: 1200px;
}

.region {
  position: relative;
  margin-bottom: 0.75rem;
}

.region:before {
  display: block;
  content: "";
  width: 100%;
}

.region .experience-component {
  position: absolute;
  top: 0;
  bottom: 0;
  /*replicating the gutters*/
  left: 0.5rem;
  right: 0.5rem;
}

/* padding-top in percentages refers to parent width
   this allows us to specify an aspect-ratio         */
.region_landscape-large:before {
  padding-top: calc(400 / 1024 * 100%);
}

.region_square:before {
  padding-top: calc(1 / 1 * 100%);
}

.region_landscape-small:before {
  padding-top: calc(1 / 2 * 100%);
}

.region_portrait-small:before {
  padding-top: calc(2 / 1 * 100%);
}

.two-column-region:before{
	padding-top: calc(1 / 2 * 100%);
}
.three_column_region:before{
	padding-top: calc(1 / 1 * 100%);
}
.four_column_region:before{
	padding-top: calc(2 / 1 * 100%);
}
.einstein_four_column_region:before{
	padding-top: calc(3 / 2 * 100%);
}
.einstein-noanchor-recommendations,.einstein-category-recommendations,.einstein-product-recommendations{
  height: 100%;
}
.pt_content .page-designer-reference.homepage-container{
    padding-top: 0 !important;
}
@media (max-width: 47.99em) { 

	.two-column-region:before {
	  	padding-top: calc(1 / 1 * 100%);
	}
	.three_column_region:before{
		padding-top: calc(400 / 1024 * 100%);
	}
  .einstein_four_column_region:before{
    padding-top: calc(3/2.5 * 100%);
  }
  .einstein_four_column_region .product-text_container{
    bottom: 5%;
  }
	.fourcolumn-slick .slick-list{
		padding-right: 12%;
	} 
	  .fourcolumn-slick .region .experience-component{
	  	left:0;
	  } 
	  .fourcolumn-slick{
	  	margin-left:-0.35rem;
	  	margin-right:-0.35rem;
	  } 
      .homepage-container{
          padding: 0!important;
      }
    .homepage-container .gridcomponentlayout-text{
        font-size: 17px !important;
    }
    
    .page-designer-reference.homepage-container .px-2{
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}

div.sf-interactions-proxyHoverContainer a {
  overflow: visible;
}

.region-flex::before{
  padding: 0;
}

.region-flex .experience-component{
  position: unset;
  margin: 0 7px;
}

.white-background{
  background-color: var(--color-white) !important;
}
.einstein-noanchor-recommendations .product-text_container{
  left: 0;
  right: 0;
}
.article_page__container .breadcrumb .breadcrumb__element{
			letter-spacing: 0.5px;
			font-size: 12px;
			line-height: 1rem;
			text-transform: uppercase;
			color: var(--breadCrumbColor);
}
.article_page__container .breadcrumb .breadcrumb__element:not(#breadcrumb1):before {
    
        display: inline-block;
        margin-right: 5px;
        content: '|';
    
}
.homepage-container .gridcomponentlayout-text{
    padding-top: 16px;
    padding-bottom: 10px;
    font-size: 22px;
}
@media screen and (min-width: 1400px) {
  .experience-layouts-1columnflex {
    min-height: 110px;
  }
  .experience-layouts-homepagemaincarousel .component-image {
    min-height: 650px;
  }
  .experience-assets-homeimagetiles {
    min-height: 500px;
  }
  .experience-assets-homepagectaslider {
    min-height: 175px;
  }
  .experience-assets-latestInspiration {
    min-height: 440px;
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .experience-layouts-1columnflex {
    min-height: 105px;
  }
  .experience-layouts-homepagemaincarousel .component-image {
    min-height: 500px;
  }
  .experience-assets-homeimagetiles {
    min-height: 400px;
  }
  .experience-assets-homepagectaslider {
    min-height: 175px;
  }
  .experience-assets-latestInspiration {
    min-height: 200px;
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
  .experience-layouts-1columnflex {
    min-height: 90px;
  }
  .experience-layouts-homepagemaincarousel .component-image {
    min-height: 330px;
  }
  .experience-assets-homeimagetiles {
    min-height: 250px;
  }
  .experience-assets-homepagectaslider {
    min-height: 175px;
  }
  .experience-assets-latestInspiration {
    min-height: 370px;
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 800px) {
  .experience-layouts-1columnflex {
    min-height: 65px;
  }
  .experience-layouts-homepagemaincarousel .component-image {
    min-height: 400px;
  }
  .experience-assets-homeimagetiles {
    min-height: 250px;
  }
  .experience-assets-homepagectaslider {
    min-height: 75px;
  }
}
.page-designer-reference .breadcrumb-sis {
	max-width: 90em;
	width: 100%;
	z-index: 1;
	width: -webkit-max-content;
	width: max-content;
	max-width: calc(100vw - 36px);
	position: relative;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	height: auto;
	padding: 18px 0;
	margin: 0 10px;
}

.page-designer-reference .breadcrumb-sis a{
	color : var(--color-dark-grey);
}

.page-designer-reference .breadcrumb-sis a:hover{
	color : var(--color-dark-grey);
}

.page-designer-reference .breadcrumb-sis.show-ellipsis {
	overflow: hidden;
	position: relative;
}

.page-designer-reference .breadcrumb-sis.show-ellipsis::after{
	content: '...';
	display: inline-block;
	position: absolute;
	right: 0;
	top: 3px;
	bottom: 0;
	font-size: 0.8rem;
	color: var(--breadCrumbColor);
	padding: 18px 0 0 4px;
	background-color: var(--color-white);
}
.experience-component:has(.lazyload):not(.experience-component:has(.lazyloaded)):not(.experience-component:has(.sourceloaded)) {
    opacity: 0;
}
.experience-component img.lazyload:not(.lazyloaded):not(.sourceloaded) {
    max-width: 100px;
    margin: auto;
}