.elementor-1615 .elementor-element.elementor-element-3aadbc5{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0;--padding-bottom:0;--padding-left:max(20px, 7.3vw);--padding-right:max(20px, 7.3vw);}.elementor-1615 .elementor-element.elementor-element-3aadbc5:not(.elementor-motion-effects-element-type-background), .elementor-1615 .elementor-element.elementor-element-3aadbc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ileafdoors.com/wp-content/uploads/2025/01/hero-03.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1615 .elementor-element.elementor-element-e5bb7dc{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1615 .elementor-element.elementor-element-7d5bded{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1.5rem 0rem;--row-gap:1.5rem;--column-gap:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1615 .elementor-element.elementor-element-d0514a7.elementor-element{--align-self:center;}.elementor-1615 .elementor-element.elementor-element-d0514a7{text-align:center;}.elementor-1615 .elementor-element.elementor-element-d0514a7 .elementor-heading-title{color:var( --e-global-color-2fcad66 );}.elementor-1615 .elementor-element.elementor-element-bdba9eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:max(50px, 8.33vw);--padding-bottom:max(30px, 4.69vw);--padding-left:max(20px, 7.3vw);--padding-right:max(20px, 7.3vw);}.elementor-1615 .elementor-element.elementor-element-bdba9eb:not(.elementor-motion-effects-element-type-background), .elementor-1615 .elementor-element.elementor-element-bdba9eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c1ceebc );}.elementor-1615 .elementor-element.elementor-element-50d8216{width:var( --container-widget-width, 88.433% );max-width:88.433%;--container-widget-width:88.433%;--container-widget-flex-grow:0;}.elementor-1615 .elementor-element.elementor-element-50d8216.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1615 .elementor-element.elementor-element-ce9c6b2{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1615 .elementor-element.elementor-element-ce9c6b2:not(.elementor-motion-effects-element-type-background), .elementor-1615 .elementor-element.elementor-element-ce9c6b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ileafdoors.com/wp-content/uploads/2025/06/products-hero-2-scaled.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1615 .elementor-element.elementor-element-e9658b7 .elementor-button{background-color:#FFBF0000;font-family:"Raleway", Sans-serif;font-size:0.83vw;font-weight:500;text-transform:uppercase;font-style:italic;letter-spacing:0.1em;fill:var( --e-global-color-2fcad66 );color:var( --e-global-color-2fcad66 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-2fcad66 );border-radius:0px 0px 0px 0px;}.elementor-1615 .elementor-element.elementor-element-e9658b7.elementor-element{--align-self:flex-end;}.elementor-1615 .elementor-element.elementor-element-ff311a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0;--padding-bottom:max(20px, 7.3vw);--padding-left:max(20px, 7.3vw);--padding-right:max(20px, 7.3vw);}.elementor-1615 .elementor-element.elementor-element-ff311a9:not(.elementor-motion-effects-element-type-background), .elementor-1615 .elementor-element.elementor-element-ff311a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c1ceebc );}@media(min-width:768px){.elementor-1615 .elementor-element.elementor-element-e5bb7dc{--width:100%;}.elementor-1615 .elementor-element.elementor-element-7d5bded{--width:50%;}}@media(min-width:1025px){.elementor-1615 .elementor-element.elementor-element-3aadbc5:not(.elementor-motion-effects-element-type-background), .elementor-1615 .elementor-element.elementor-element-3aadbc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-3aadbc5 *//* Style for the scroll effect */
.scroll-effect-section {
    position: relative;
    background-size: cover;
    background-position: center center;
    transition: background-position 0.5s ease-out;
}

/* Adjust background position based on scroll */
.scroll-effect-active {
    background-position: center 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a5beab *//* Grid container */
.categories-grid {
  display: flex;
  flex-direction: column;
  gap: max(15px, 3.125vw);
  width: 100%; 
  height: auto;
}
/* Row container */
.categories-row {
  display: flex;
  justify-content: space-between;
  gap: max(15px, 3.125vw);
  width: 100%;
}
/* Individual category item */
.category-item {
  width: calc(33.33% - 20px);
  background: #707070;
  padding-top: 1.875em;
  padding-bottom: 3em;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25vw
}
/* Category image */
.category-image img {
  max-width: 100%;
  height: 18.49vw;
}
/* Category description */
.category-title {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}
/* Category heading (left-center) */
.category-heading {
  font-family: "Blafhy Glibs Italic", Sans-serif;
  font-size: clamp(1rem, 1.3vw, 1.56rem); 
  font-weight: normal;
  letter-spacing: 0.24em;
  color: #000;
  margin-bottom: 1px;
  line-height: 1.2;
}
.category-heading::before {
    content: "";
  display: block;
  background-color: #ffc600;
  margin: 0 0 max(10px, 1.042vw) auto;
  transform: skew(-12deg);
  -webkit-transform: skew(-12deg);
  width: 12px;
  height: 6px;
}
/* Add "Doors" below "GL" */
/* Category subheading (top-left) */
.category-subheading {
  font-family: Raleway;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(0.75rem, 0.78vw, 0.94rem);
  letter-spacing: 0.1em;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  width: 200px;
  margin: 0 auto;
}
/* Button */
.category-button {
    margin-top: 1.25vw;
    transform: skew(-16deg);
}
.category-button .category-link {
  background-color: var(--e-global-color-c1ceebc);
  font-family: "Raleway", Sans-serif;
  font-size: 0.938vw;
  font-weight: 500;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none!important;
  letter-spacing: 0.1em;
  fill: var(--e-global-color-2fcad66);
  color: var(--e-global-color-2fcad66);
  border-radius: 0px 0px 0px 0px;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  margin-top: 1.25vw;
}
.category-button .category-link span {
     transform: skew(12deg);
}
/* Hover Effect */
.category-button .category-link:hover {
  background: rgba(0, 0, 0, 0.8);
}
.container {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: lightgray;
}/* End custom CSS */