.elementor-24 .elementor-element.elementor-element-4b0f87a{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#CBCBCB;--border-color:#CBCBCB;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-24 .elementor-element.elementor-element-11668bd{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-1baaa41 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-24 .elementor-element.elementor-element-1baaa41 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-24 .elementor-element.elementor-element-1baaa41{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-24 .elementor-element.elementor-element-1baaa41 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-24 .elementor-element.elementor-element-7f56d64{--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;}.elementor-24 .elementor-element.elementor-element-95752ef{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:12px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-24 .elementor-element.elementor-element-95752ef .elementor-social-icon{background-color:#00000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-95752ef .elementor-social-icon i{color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-95752ef .elementor-social-icon svg{fill:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-a999333{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:015px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;--z-index:9999;}.elementor-24 .elementor-element.elementor-element-671fd48{--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;}.elementor-24 .elementor-element.elementor-element-671fd48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-d4c0569{text-align:start;}.elementor-24 .elementor-element.elementor-element-d110bc3{--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;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-0a278ab{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown a, .elementor-24 .elementor-element.elementor-element-0a278ab .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown a:hover, .elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown a:focus, .elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-0a278ab div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-0a278ab div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-9f54205{--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;}.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-24 .elementor-element.elementor-element-a0284fd .elementor-button{font-family:"NeueMontreal", Sans-serif;font-weight:500;text-transform:none;}.elementor-24 .elementor-element.elementor-element-adfba60{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:015px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;--z-index:9999;}.elementor-24 .elementor-element.elementor-element-adfba60:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-adfba60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-d68f33b{--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;}.elementor-24 .elementor-element.elementor-element-d68f33b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-50a3937{--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;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-a4be235{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown a, .elementor-24 .elementor-element.elementor-element-a4be235 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown a:hover, .elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown a:focus, .elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-a4be235 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-a4be235 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-671fd48{--width:43.651%;}.elementor-24 .elementor-element.elementor-element-d110bc3{--width:40%;--z-index:99999;}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-0a278ab .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:37px !important;}.elementor-24 .elementor-element.elementor-element-d68f33b{--width:43.651%;}.elementor-24 .elementor-element.elementor-element-50a3937{--width:40%;--z-index:99999;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-a4be235 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:37px !important;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-4b0f87a{--content-width:1400px;}.elementor-24 .elementor-element.elementor-element-11668bd{--width:50%;}.elementor-24 .elementor-element.elementor-element-7f56d64{--width:50%;}.elementor-24 .elementor-element.elementor-element-a999333{--content-width:1400px;}.elementor-24 .elementor-element.elementor-element-671fd48{--width:15%;}.elementor-24 .elementor-element.elementor-element-d110bc3{--width:70%;}.elementor-24 .elementor-element.elementor-element-9f54205{--width:20%;}.elementor-24 .elementor-element.elementor-element-adfba60{--content-width:1400px;}.elementor-24 .elementor-element.elementor-element-d68f33b{--width:15%;}.elementor-24 .elementor-element.elementor-element-50a3937{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-671fd48{--width:35%;}.elementor-24 .elementor-element.elementor-element-9f54205{--width:45%;}.elementor-24 .elementor-element.elementor-element-d68f33b{--width:35%;}}/* Start custom CSS for container, class: .elementor-element-a999333 *//*---------------------------------------------- Sticky Section ----------------------------------------------*/ /* Make section sticky at top */ .elementor-24 .elementor-element.elementor-element-a999333 { position: sticky; top: 0; z-index: 999; transition: background-color 0.3s ease, color 0.3s ease; } /* Style when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active { background-color: #ffffff; } /* Change text color for all text elements when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-nav-menu--main .elementor-item { color: #000000 !important; } /*---------------------------------------------- Sticky Image Widget ----------------------------------------------*/ /* Change logo when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-widget-image img { content: url("https://dev.foothillslocksmiths.ca/wp-content/uploads/2025/12/LOGO_COLOR.png"); } /* Add blue border to sticky image widget */ .elementor-24 .elementor-element.elementor-element-6ea97e5.elementor-sticky--active .elementor-widget-image img { border: 2px solid blue; } /* Change text color inside image widget when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5, .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5 a, .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5 span, .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5 p { color: black; } /*---------------------------------------------- Sticky Menu ----------------------------------------------*/ /* Sticky menu background and text color */ .elementor-24 .elementor-element.elementor-element-0d7cead.elementor-sticky--active .elementor-nav-menu--main .elementor-item { background-color: #ffffff; color: black !important; } /*---------------------------------------------- Sticky Button ----------------------------------------------*/ /* Change button border color when sticky */ .elementor-24 .elementor-element.elementor-element-70d57ff.elementor-sticky--active .elementor-button { border-color: red !important; } /* Sticky Button - blue border */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-70d57ff .elementor-button { border-color: red !important; transition: border-color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adfba60 *//*---------------------------------------------- Sticky Section ----------------------------------------------*/ /* Make section sticky at top */ .elementor-24 .elementor-element.elementor-element-a999333 { position: sticky; top: 0; z-index: 999; transition: background-color 0.3s ease, color 0.3s ease; } /* Style when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active { background-color: #ffffff; } /* Change text color for all text elements when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-nav-menu--main .elementor-item { color: #000000 !important; } /*---------------------------------------------- Sticky Image Widget ----------------------------------------------*/ /* Change logo when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-widget-image img { content: url("https://dev.foothillslocksmiths.ca/wp-content/uploads/2025/12/LOGO_COLOR.png"); } /* Add blue border to sticky image widget */ .elementor-24 .elementor-element.elementor-element-6ea97e5.elementor-sticky--active .elementor-widget-image img { border: 2px solid blue; } /* Change text color inside image widget when sticky */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5, .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5 a, .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5 span, .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-6ea97e5 p { color: black; } /*---------------------------------------------- Sticky Menu ----------------------------------------------*/ /* Sticky menu background and text color */ .elementor-24 .elementor-element.elementor-element-0d7cead.elementor-sticky--active .elementor-nav-menu--main .elementor-item { background-color: #ffffff; color: black !important; } /*---------------------------------------------- Sticky Button ----------------------------------------------*/ /* Change button border color when sticky */ .elementor-24 .elementor-element.elementor-element-70d57ff.elementor-sticky--active .elementor-button { border-color: red !important; } /* Sticky Button - blue border */ .elementor-24 .elementor-element.elementor-element-a999333.elementor-sticky--active .elementor-element.elementor-element-70d57ff .elementor-button { border-color: red !important; transition: border-color 0.3s ease; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'NeueMontreal'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://dev.foothillslocksmiths.ca/wp-content/uploads/2026/01/NeueMontreal-Medium.ttf') format('truetype'); } /* End Custom Fonts CSS */