.elementor-3350 .elementor-element.elementor-element-35d0d8b2{--display:flex;--min-height:603px;--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;--overlay-opacity:0.5;}.elementor-3350 .elementor-element.elementor-element-35d0d8b2::before, .elementor-3350 .elementor-element.elementor-element-35d0d8b2 > .elementor-background-video-container::before, .elementor-3350 .elementor-element.elementor-element-35d0d8b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3350 .elementor-element.elementor-element-35d0d8b2 > .elementor-background-slideshow::before, .elementor-3350 .elementor-element.elementor-element-35d0d8b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3350 .elementor-element.elementor-element-35d0d8b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-3350 .elementor-element.elementor-element-74eb6607{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-3350 .elementor-element.elementor-element-15680354{padding:15px 0px 15px 0px;text-align:center;}.elementor-3350 .elementor-element.elementor-element-15680354 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;word-spacing:3px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3350 .elementor-element.elementor-element-3f42a4ce{width:100%;max-width:100%;text-align:center;font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFFE6;}.elementor-3350 .elementor-element.elementor-element-3f42a4ce a{color:#FFFFFFE6;}.elementor-3350 .elementor-element.elementor-element-4fda674e{--display:flex;--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:flex-end;--align-items:flex-end;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3350 .elementor-element.elementor-element-62308d26{--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:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3350 .elementor-element.elementor-element-74a5ba6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3350 .elementor-element.elementor-element-5c0b715c{--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;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3350 .elementor-element.elementor-element-5c0b715c:not(.elementor-motion-effects-element-type-background), .elementor-3350 .elementor-element.elementor-element-5c0b715c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://stonetek.corebimsolutions.com/wp-content/uploads/2026/03/slate-hero-img.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3350 .elementor-element.elementor-element-5c0b715c::before, .elementor-3350 .elementor-element.elementor-element-5c0b715c > .elementor-background-video-container::before, .elementor-3350 .elementor-element.elementor-element-5c0b715c > .e-con-inner > .elementor-background-video-container::before, .elementor-3350 .elementor-element.elementor-element-5c0b715c > .elementor-background-slideshow::before, .elementor-3350 .elementor-element.elementor-element-5c0b715c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3350 .elementor-element.elementor-element-5c0b715c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3350 .elementor-element.elementor-element-7cd0090e{padding:50px 0px 0px 0px;text-align:center;}.elementor-3350 .elementor-element.elementor-element-7cd0090e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3350 .elementor-element.elementor-element-7cd0090e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:31px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;word-spacing:3px;color:var( --e-global-color-primary );}.elementor-3350 .elementor-element.elementor-element-3513c658{width:100%;max-width:100%;text-align:center;font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-3350 .elementor-element.elementor-element-3513c658 a{color:var( --e-global-color-text );}.elementor-3350 .elementor-element.elementor-element-2d39bccd{--display:flex;--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3350 .elementor-element.elementor-element-3c861a8e .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:5px 5px 5px 5px;padding:17px 32px 17px 32px;}.elementor-3350 .elementor-element.elementor-element-3c861a8e .elementor-button:hover, .elementor-3350 .elementor-element.elementor-element-3c861a8e .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-3350 .elementor-element.elementor-element-3c861a8e .elementor-button:hover svg, .elementor-3350 .elementor-element.elementor-element-3c861a8e .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-3350 .elementor-element.elementor-element-7799c7b2 .elementor-button{background-color:#1E1E1E00;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;padding:17px 32px 17px 32px;}.elementor-3350 .elementor-element.elementor-element-7799c7b2 .elementor-button:hover, .elementor-3350 .elementor-element.elementor-element-7799c7b2 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );border-color:var( --e-global-color-primary );}.elementor-3350 .elementor-element.elementor-element-7799c7b2 .elementor-button:hover svg, .elementor-3350 .elementor-element.elementor-element-7799c7b2 .elementor-button:focus svg{fill:var( --e-global-color-accent );}body.elementor-page-3350:not(.elementor-motion-effects-element-type-background), body.elementor-page-3350 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEBE833;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3350 .elementor-element.elementor-element-15680354 .elementor-heading-title{font-size:40px;}.elementor-3350 .elementor-element.elementor-element-3f42a4ce{font-size:16px;}.elementor-3350 .elementor-element.elementor-element-62308d26{--width:90%;}.elementor-3350 .elementor-element.elementor-element-5c0b715c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-3350 .elementor-element.elementor-element-7cd0090e{padding:0px 0px 0px 0px;text-align:center;}.elementor-3350 .elementor-element.elementor-element-7cd0090e .elementor-heading-title{font-size:25px;}.elementor-3350 .elementor-element.elementor-element-2d39bccd{--width:100%;}.elementor-3350 .elementor-element.elementor-element-3c861a8e .elementor-button{font-size:12px;padding:12px 24px 12px 24px;}.elementor-3350 .elementor-element.elementor-element-7799c7b2 .elementor-button{font-size:12px;padding:12px 24px 12px 24px;}}@media(min-width:768px){.elementor-3350 .elementor-element.elementor-element-4fda674e{--width:80%;}.elementor-3350 .elementor-element.elementor-element-62308d26{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3350 .elementor-element.elementor-element-62308d26{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-74eb6607 */.rank-math-breadcrumb {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
}

.rank-math-breadcrumb a {
  color: #FFFFFFB3;
  text-decoration: none;
}

.rank-math-breadcrumb a:hover {
  opacity: 0.8;
}

.rank-math-breadcrumb span.separator {
  margin: 0 8px;
  color: #ffffff80;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74a5ba6 *//* ==========================================================
   STONETEK UNIQUE PRODUCT CARDS (Text Below Image)
   Isolated classes to prevent conflicts
   ========================================================== */

/* 1. Grid Layout for the Cards */
.stk-custom-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns exactly */
    gap: 40px;
    max-width: 900px;
    margin: 0 auto;
}

/* 2. Base Card Container */
.stk-product-card {
    background: transparent;
    border: none;
    text-align: center;
    border-radius: 8px;
    padding-bottom: 15px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* 3. The Link Wrapper */
.stk-product-card .stk-card-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    width: 100%;
}

/* 4. Image Wrapper (Crucial for keeping the zoom effect contained) */
.stk-product-card .stk-image-wrapper {
    width: 100%;
    aspect-ratio: 4 / 5; /* Forces the portrait look */
    overflow: hidden; /* Stops zooming image from spilling out */
    border-radius: 8px; /* Rounded corners strictly on the image */
    margin-bottom: 16px; /* Space between image and text */
}

/* 5. The Image Itself */
.stk-product-card .stk-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 6. Text Content Container */
.stk-product-card .stk-text-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* 7. Title Typography */
.stk-product-card .stk-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 6px 0;
    line-height: 1.2;
}

/* 8. Category Typography */
.stk-product-card .stk-card-category {
    font-size: 11px;
    font-weight: 500;
    color: #777777;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
}

/* ==========================================================
   HOVER EFFECTS (Lift, Shadow, Zoom, Color change)
   ========================================================== */

/* The whole card lifts up gently and gets a soft shadow */
.stk-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.06);
    background: #ffffff; /* Adds white background on hover to show shadow cleanly */
}

/* The image smoothly zooms in */
.stk-product-card:hover .stk-image-wrapper img {
    transform: scale(1.06);
}

/* Category text darkens slightly */
.stk-product-card:hover .stk-card-category {
    color: #1a1a1a;
    transition: color 0.3s ease;
}

/* ==========================================================
   RESPONSIVE DESIGN (Mobile adjustments)
   ========================================================== */
@media (max-width: 768px) {
    .stk-custom-grid {
        grid-template-columns: 1fr; /* Stacks to 1 column on phones */
        gap: 30px;
    }
}/* End custom CSS */