.elementor-544 .elementor-element.elementor-element-7f703f3{--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;--justify-content:space-between;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-4c14a22{--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:flex-end;}.elementor-544 .elementor-element.elementor-element-14c8416{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-544 .elementor-element.elementor-element-c354dd7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:0.2rem;color:var( --e-global-color-primary );}.elementor-544 .elementor-element.elementor-element-9b5a319 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-9b5a319 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:3.625rem;font-weight:800;line-height:3.875rem;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-44d8e01{--display:flex;}.elementor-544 .elementor-element.elementor-element-c0becf1{--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:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-06c3d6a{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-06c3d6a:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-06c3d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/05/wellesly-new-main-1.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-544 .elementor-element.elementor-element-b6e868e{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-4e7cd7f{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-5aceeb4 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-e93fcff .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-df018ad .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-df018ad .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-df018ad .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-265a75d{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-265a75d:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-265a75d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/06/Arlington-cover-image-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-63f3f69{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-f07ee56{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-3e42515 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-ae211ec .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-d476028 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-d476028 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-d476028 .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-424154a{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-424154a:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-424154a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/03/image-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-49b37c8{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-d12abdb{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-c8b89ca .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-35ad445 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-5c5ce94 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-5c5ce94 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-5c5ce94 .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-25c440c{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-25c440c:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-25c440c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/07/7-Vanauley.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-a05574b{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-f99f86f{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-14660e9 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-2e6d798 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-6d1056a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-6d1056a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-6d1056a .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-1ec0bd1{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-1ec0bd1:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-1ec0bd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/05/Ossington-new-main-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-e0476f1{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-65b8d13{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-115d9b2 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-1c60c2d .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-0514ca1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-0514ca1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-0514ca1 .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-880ea37{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-880ea37:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-880ea37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/05/KingsRoad-new-main-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-09fa1cb{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-027a910{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-22d7345 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-90fe036 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-f48da48 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-f48da48 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-f48da48 .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-8a9167d{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-8a9167d:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-8a9167d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/06/Bowden-Image-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-eaacb72{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-d5e83b6{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-ab2b712 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-4bf0a06 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-058ecdc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-058ecdc .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-058ecdc .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-93cee02{--display:flex;--min-height:50vh;--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:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 12px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:12px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-544 .elementor-element.elementor-element-93cee02:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-93cee02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loftin.ca/wp-content/uploads/2025/07/Hillside-New-Main.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-544 .elementor-element.elementor-element-7ec13fc{--display:flex;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;--z-index:999;}.elementor-544 .elementor-element.elementor-element-6426211{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-544 .elementor-element.elementor-element-d22ac99 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:28px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-f549d48 .elementor-heading-title{font-family:"Georama", Sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-d5446fe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-544 .elementor-element.elementor-element-d5446fe .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-544 .elementor-element.elementor-element-d5446fe .elementor-button{font-size:16px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-544 .elementor-element.elementor-element-1d411c2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-544:not(.elementor-motion-effects-element-type-background), body.elementor-page-544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-544 .elementor-element.elementor-element-7f703f3{--padding-top:100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-9b5a319 .elementor-heading-title{font-size:3rem;}.elementor-544 .elementor-element.elementor-element-44d8e01{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-c0becf1{--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;}}@media(max-width:767px){.elementor-544 .elementor-element.elementor-element-7f703f3{--padding-top:0100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-c354dd7 .elementor-heading-title{font-size:1.25rem;}.elementor-544 .elementor-element.elementor-element-9b5a319 .elementor-heading-title{font-size:2.5rem;line-height:3rem;}.elementor-544 .elementor-element.elementor-element-44d8e01{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-b6e868e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-63f3f69{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-49b37c8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-a05574b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-e0476f1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-09fa1cb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-eaacb72{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-544 .elementor-element.elementor-element-7ec13fc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-544 .elementor-element.elementor-element-4c14a22{--content-width:1280px;}.elementor-544 .elementor-element.elementor-element-14c8416{--width:660px;}}@media(max-width:1024px) and (min-width:768px){.elementor-544 .elementor-element.elementor-element-14c8416{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-903d086 */.swiper {width: 100% !important;height: 100%;height: 45vh !important;}
@media (max-width: 960px) {
    .small-project-card {
        height:50vh !important;
        max-width: 100% !important;
    }
}

.small-project-card:hover .small-project-card--content {
    font-family: 'Georama' !important;
    transform: translateY(0) !important;
    transition-delay: .3s  !important;
}

.small-project-card:hover .small-project-card--image {
    height: calc(100% - 200px) !important;
    transition-delay: .3s !important;
}

@media (max-width: 860px) {
    .small-project-card:hover .small-project-card--image {
        height:calc(100% - 150px) !important;
    }
}

.small-project-card--image {
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    transition: all .3s !important;
    width: 100%  !important;
}

@media (max-width: 860px) {
    .small-project-card--image {
        height:calc(100% - 150px)
    }
}

.small-project-card--content {
    background: #416e8e;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    min-height: 200px;
    padding: 36px;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all .2s
}

@media (max-width: 860px) {
    .small-project-card--content {
        min-height:150px;
        padding: 20px;
        transform: translateY(0)
    }
}

.small-project-card--content:after {
    background: linear-gradient(0deg,#416e8e,#416e8e00),linear-gradient(0deg,#416e8e,#416e8e00);
    bottom: 100%;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    right: 0
}

@media (max-width: 860px) {
    .small-project-card--content:after {
        height:50px
    }
}

.small-project-card--heading {
    font-size: 1.75rem;
    font-weight: 600
}

.small-project-card--location {
    font-size: 1.25rem;
    font-weight: 600
}

.small-project-card--cta {
    align-items: center;
    display: block;
    display: flex;
    gap: 8px;
    margin-top: 20px;
    font-family: 'Montserrat' !important;
}

.projects {
    padding-inline:20px;position: relative
}

@media (min-width: 960px) {
    .projects {
        top:0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-inline:0;position: fixed
    }
}

.projects-header {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 25vh
}

@media (max-width: 1280px) {
    .projects-header {
        left:32%
    }
}

@media (max-width: 960px) {
    .projects-header {
        left:0;
        margin-inline:auto;max-width: 1280px;
        padding-block:100px;position: relative;
        top: auto
    }
}

.projects-header--heading strong {
    color: #c9a56c;
    font-weight: 600
}

.projects-header--subheading {
    color: #c9a56c;
    font-size: 1.5rem;
    letter-spacing: .2rem;
    text-transform: uppercase
}

@media (min-width: 960px) {
    .projects-home--scroll {
        align-items:center;
        display: flex;
        height: 100vh;
        overflow-x: auto;
        overflow-y: hidden;
        padding-top: 50vh;
        position: relative;
        white-space: nowrap;
        z-index: 10
    }
}

.projects-home--scroll-content {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    margin-inline:auto}

@media (min-width: 960px) {
    .projects-home--scroll-content {
        display:flex;
        flex-direction: row;
        height: 100%;
        white-space: nowrap
    }

    .projects-home--scroll-content:hover>* {
        opacity: .5
    }

    .projects-home--scroll-content:hover>:hover {
        opacity: 1
    }

    .projects-home--scroll-card {
        height: 50vh;
        min-width: 25vw;
        transition: all .2s
    }
}

.three-scroll-cards {
    min-width: 33.3vw
}

.two-scroll-cards {
    min-width: 50vw
}

@media (max-width: 960px) {
    .extra-scroll-cards {
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS */.elementor-location-footer {
    display: None !important;
}
h1 span {
    color: #c9a56c;
}


/*Project Card Style with Hover*/	
.project-content-area-project {
    background: #416e8e !important;
    opacity:0;
    transition: all 0.2s;
}
.project-content-area-project:after {
    background: linear-gradient(0deg, #416e8e, #416e8e00), linear-gradient(0deg, #416e8e, #416e8e00);
    bottom: 100%;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    right: 0;
}

.large-project-card-project:hover .project-content-area-project {
    opacity:1;
    transition: all 0.2s;
}


.large-project-card-project:hover {
    background-size: 150% !important;
    background-position:top center !important;
    transition: all 0.2s;
    
}
.large-project-card-project {
        transition: all 0.2s;
        background-position:top center !important;
        background-size: 200% !important;
    
}
	
	@media(max-width:600px){
	    .large-project-card-project {
    background-size: 100% !important;
}
		.project-content-area-project {
    opacity: 1 !important;
}
}


@media (min-width: 1025px) {
  .loftin-projects-home-page:after {
      background: url(https://loftin.ca/wp-content/uploads/2025/04/download-2.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      content: "";
      height: 800px;
      opacity: 50%;
      position: fixed;
      right: 56vw;
      top: -25%;
      width: 800px;
      z-index: -1;
  }

  .elementor.elementor-26.elementor-location-header:after {
      background: linear-gradient(180deg, #2b485d, #2b485d00), linear-gradient(180deg, #2b485d, #2b485d00);
      content: "";
      height: 300px;
      left: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 125px;
      width: 100%;
  }
}


.elementor-element.elementor-element-84de746.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    z-index: 99 !important;
}/* End custom CSS */