.elementor-4364 .elementor-element.elementor-element-d65b008{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.35;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-33f134d );--border-color:var( --e-global-color-33f134d );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-4364 .elementor-element.elementor-element-d65b008:not(.elementor-motion-effects-element-type-background), .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-64ae608 );background-image:url("https://sitemakers.ca/wp-content/uploads/2024/11/fake-brick.png");background-position:center center;background-repeat:repeat;}.elementor-4364 .elementor-element.elementor-element-d65b008::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-background-video-container::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .e-con-inner > .elementor-background-video-container::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-background-slideshow::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sitemakers.ca/wp-content/uploads/2024/11/bg2.webp");--background-overlay:'';background-position:0% 12%;background-repeat:no-repeat;background-size:cover;}.elementor-4364 .elementor-element.elementor-element-5a40cab{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-33f134d );--border-color:var( --e-global-color-33f134d );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:10px;--padding-left:33px;--padding-right:33px;}.elementor-4364 .elementor-element.elementor-element-5a40cab:not(.elementor-motion-effects-element-type-background), .elementor-4364 .elementor-element.elementor-element-5a40cab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(320deg, var( --e-global-color-accent ) 0%, var( --e-global-color-29e3812 ) 100%);}.elementor-4364 .elementor-element.elementor-element-6804c3c{text-align:start;}.elementor-4364 .elementor-element.elementor-element-6804c3c img{width:150px;}.elementor-4364 .elementor-element.elementor-element-90dce54 > .elementor-widget-container{margin:0px 0px -25px 0px;}.elementor-4364 .elementor-element.elementor-element-90dce54{font-size:14px;line-height:20px;color:var( --e-global-color-primary );}.elementor-4364 .elementor-element.elementor-element-1bc14dc > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading{text-align:left;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-title{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-section-title{margin:0px 0px 5px 0px;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-section-description{color:var( --e-global-color-fa302c4 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading{text-align:left;}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-title{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-section-title{margin:0px 0px 5px 0px;}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-section-description{color:var( --e-global-color-fa302c4 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-4364 .elementor-element.elementor-element-9ea6846{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:0px;}.elementor-4364 .elementor-element.elementor-element-b953512 > .elementor-widget-container{margin:0px 0px 17px 0px;}.elementor-4364 .elementor-element.elementor-element-b953512 .elementor-heading-title{font-family:var( --e-global-typography-d898918-font-family ), Sans-serif;font-size:var( --e-global-typography-d898918-font-size );font-weight:var( --e-global-typography-d898918-font-weight );line-height:var( --e-global-typography-d898918-line-height );word-spacing:var( --e-global-typography-d898918-word-spacing );color:var( --e-global-color-primary );}.elementor-4364 .elementor-element.elementor-element-3a04c9c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-33f134d );--border-color:var( --e-global-color-33f134d );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4364 .elementor-element.elementor-element-217e7af{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4364 .elementor-element.elementor-element-217e7af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4364 .elementor-element.elementor-element-68bc7ae .elementor-heading-title{font-weight:200;}.elementor-4364 .elementor-element.elementor-element-b2e91df{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4364 .elementor-element.elementor-element-b2e91df.e-con{--align-self:center;}.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu .elementor-item{font-size:12px;font-weight:300;}.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:12px;padding-right:12px;}.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-4364 .elementor-element.elementor-element-4ca7d12{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-color:var( --e-global-color-33f134d );}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-scroll-to{position:fixed;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-snap-v-top{top:85px;bottom:auto;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-snap-v-bottom{bottom:85px;top:auto;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-snap-h-left{left:15px;right:auto;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-snap-h-right{right:15px;left:auto;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-scroll-to-cta{width:50px;height:50px;background-color:var( --e-global-color-e8d0f6e );color:#ffffff;fill:#ffffff;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-scroll-to-cta .ue-scroll-to-icon{font-size:20px;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-scroll-to-cta,.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-scroll-to-icon{border-radius:50px 50px 50px 50px;}.elementor-4364 .elementor-element.elementor-element-0e82c5b .ue-scroll-to-cta:hover{background-color:var( --e-global-color-1e387bf );}@media(max-width:1024px){.elementor-4364 .elementor-element.elementor-element-d65b008::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-background-video-container::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .e-con-inner > .elementor-background-video-container::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-background-slideshow::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 0%;}.elementor-4364 .elementor-element.elementor-element-d65b008{--padding-top:80px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-4364 .elementor-element.elementor-element-5a40cab{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-title{font-size:21px;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-section-description{font-size:var( --e-global-typography-text-font-size );}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-title{font-size:21px;}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-section-description{font-size:var( --e-global-typography-text-font-size );}.elementor-4364 .elementor-element.elementor-element-b953512 .elementor-heading-title{font-size:var( --e-global-typography-d898918-font-size );line-height:var( --e-global-typography-d898918-line-height );word-spacing:var( --e-global-typography-d898918-word-spacing );}.elementor-4364 .elementor-element.elementor-element-3a04c9c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4364 .elementor-element.elementor-element-d65b008::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-background-video-container::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .e-con-inner > .elementor-background-video-container::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-background-slideshow::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4364 .elementor-element.elementor-element-d65b008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 0%;}.elementor-4364 .elementor-element.elementor-element-d65b008{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4364 .elementor-element.elementor-element-5a40cab{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4364 .elementor-element.elementor-element-6804c3c > .elementor-widget-container{padding:7px 0px 7px 0px;}.elementor-4364 .elementor-element.elementor-element-6804c3c img{width:120px;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-title{font-size:20px;}.elementor-4364 .elementor-element.elementor-element-1bc14dc .jeg-elementor-kit.jkit-heading .heading-section-description{font-size:var( --e-global-typography-text-font-size );}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-title{font-size:20px;}.elementor-4364 .elementor-element.elementor-element-b6ed247 .jeg-elementor-kit.jkit-heading .heading-section-description{font-size:var( --e-global-typography-text-font-size );}.elementor-4364 .elementor-element.elementor-element-9ea6846{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4364 .elementor-element.elementor-element-b953512 .elementor-heading-title{font-size:var( --e-global-typography-d898918-font-size );line-height:var( --e-global-typography-d898918-line-height );word-spacing:var( --e-global-typography-d898918-word-spacing );}.elementor-4364 .elementor-element.elementor-element-3a04c9c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4364 .elementor-element.elementor-element-217e7af{--justify-content:center;}.elementor-4364 .elementor-element.elementor-element-217e7af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4364 .elementor-element.elementor-element-68bc7ae .elementor-heading-title{letter-spacing:0.4px;}.elementor-4364 .elementor-element.elementor-element-b2e91df{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-4364 .elementor-element.elementor-element-4ca7d12 .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}}@media(min-width:768px){.elementor-4364 .elementor-element.elementor-element-d65b008{--content-width:1300px;}.elementor-4364 .elementor-element.elementor-element-5a40cab{--width:27%;}.elementor-4364 .elementor-element.elementor-element-9ea6846{--width:73%;}.elementor-4364 .elementor-element.elementor-element-217e7af{--width:100%;}.elementor-4364 .elementor-element.elementor-element-b2e91df{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4364 .elementor-element.elementor-element-5a40cab{--width:50%;}.elementor-4364 .elementor-element.elementor-element-9ea6846{--width:50%;}.elementor-4364 .elementor-element.elementor-element-b2e91df{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-6191168 *//* Grid layout for product categories */
.custom-product-categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 20px; /* Space between items */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual category item styles */
.custom-product-categories-grid li {
    background-color: #334155; /* Default background color */
       padding: 15px 0 8px 0;/* Default padding */
    border: 1px solid #ffffff30; /* Light border for each item */
    border-radius: 0px; /* Adjustable border-radius */
    text-align: center; /* Center align text */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effects for category items */
.custom-product-categories-grid li:hover {
    background-color: #111111; /* Light blue background on hover */
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Enhance shadow on hover */
}

/* General typography inside categories */
.custom-product-categories-grid li h4 {
    margin: 0px; /* Spacing below the title */
    font-size: 14px; /* Font size for category title */
    font-weight: normal; /* Make title bold */
    color: #ffffff; /* Title color */
}

.category-count {
    font-size: 12px; /* Font size for product count */
    color: orange; /* Subtle color for product count */
}

/* Responsive layout for tablets */
@media (max-width: 768px) {
    .custom-product-categories-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }

    .custom-product-categories-grid li {
        padding: 5px; /* Reduce padding */
    }

    .custom-product-categories-grid li .title {
        font-size: 14px; /* Adjust font size */
    }

    .custom-product-categories-grid li .count {
        font-size: 12px; /* Adjust count font size */
    }
}

/* Responsive layout for mobile */
@media (max-width: 480px) {
    .custom-product-categories-grid {
        grid-template-columns: 1fr; /* Single column */
    }

    .custom-product-categories-grid li {
        padding: 10px; /* Further reduce padding */
    }

    .custom-product-categories-grid li .title {
        font-size: 14px; /* Smaller font size */
    }

    .custom-product-categories-grid li .count {
        font-size: 12px; /* Keep count small */
    }
}/* End custom CSS */