.elementor-874 .elementor-element.elementor-element-60c0f75b{--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;--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-874 .elementor-element.elementor-element-60c0f75b:not(.elementor-motion-effects-element-type-background), .elementor-874 .elementor-element.elementor-element-60c0f75b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#009AE8;}.elementor-874 .elementor-element.elementor-element-1381dddb{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-874 .elementor-element.elementor-element-7d6ebe70{font-weight:600;color:var( --e-global-color-bd28782 );}.elementor-874 .elementor-element.elementor-element-3b644a1b{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-874 .elementor-element.elementor-element-22fcdf3a{text-align:end;font-weight:600;color:var( --e-global-color-bd28782 );}.elementor-874 .elementor-element.elementor-element-30f8749c{--display:flex;--min-height:90px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:998;}.elementor-874 .elementor-element.elementor-element-6355195c{--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;--border-radius:5px 5px 5px 5px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-874 .elementor-element.elementor-element-66ac2bcb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-874 .elementor-element.elementor-element-184c34b3 > .elementor-widget-container{margin:0px 0px -8px 0px;padding:0px 0px 0px 0px;}.elementor-874 .elementor-element.elementor-element-184c34b3{z-index:1;text-align:start;}.elementor-874 .elementor-element.elementor-element-184c34b3 img{width:340px;}.elementor-874 .elementor-element.elementor-element-308a421c{--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:flex-end;--align-items:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-874 .elementor-element.elementor-element-552d1046 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-text );border-width:0px;border-radius:0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu .elementor-item{font-size:19px;font-weight:500;text-decoration:none;line-height:1px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-b2057ee );fill:var( --e-global-color-b2057ee );padding-left:20px;padding-right:20px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item:hover, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-b2057ee );border-radius:6px 6px 6px 6px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a:hover, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a:focus, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a.highlighted, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle:hover, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle:focus{color:var( --e-global-color-b2057ee );}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a:hover, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a:focus, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-b2057ee );background-color:var( --e-global-color-primary );}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown .elementor-item, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;font-weight:400;text-decoration:none;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:6px;border-top-right-radius:6px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:6px;border-bottom-left-radius:6px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 5px 6px 0px rgba(0, 0, 0, 0.2);}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:8px !important;}.elementor-874 .elementor-element.elementor-element-552d1046 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-874 .elementor-element.elementor-element-552d1046 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-874 .elementor-element.elementor-element-552d1046 div.elementor-menu-toggle:hover, .elementor-874 .elementor-element.elementor-element-552d1046 div.elementor-menu-toggle:focus{color:#023577;}.elementor-874 .elementor-element.elementor-element-552d1046 div.elementor-menu-toggle:hover svg, .elementor-874 .elementor-element.elementor-element-552d1046 div.elementor-menu-toggle:focus svg{fill:#023577;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle:hover, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle:focus{background-color:var( --e-global-color-secondary );}.elementor-874 .elementor-element.elementor-element-552d1046{--nav-menu-icon-size:25px;}.elementor-874 .elementor-element.elementor-element-3d34d05 > .elementor-widget-container{margin:0px 0px -8px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-874 .elementor-element.elementor-element-1381dddb{--width:50%;}.elementor-874 .elementor-element.elementor-element-3b644a1b{--width:50%;}.elementor-874 .elementor-element.elementor-element-66ac2bcb{--width:30%;}.elementor-874 .elementor-element.elementor-element-308a421c{--width:70%;}}@media(max-width:1366px) and (min-width:768px){.elementor-874 .elementor-element.elementor-element-66ac2bcb{--width:34%;}.elementor-874 .elementor-element.elementor-element-308a421c{--width:66%;}}@media(max-width:1024px) and (min-width:768px){.elementor-874 .elementor-element.elementor-element-66ac2bcb{--width:60%;}.elementor-874 .elementor-element.elementor-element-308a421c{--width:40%;}}@media(max-width:1366px){.elementor-874 .elementor-element.elementor-element-60c0f75b{--padding-top:6px;--padding-bottom:6px;--padding-left:15px;--padding-right:15px;}.elementor-874 .elementor-element.elementor-element-30f8749c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-874 .elementor-element.elementor-element-184c34b3 img{width:310px;}.elementor-874 .elementor-element.elementor-element-308a421c{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}}@media(max-width:1024px){.elementor-874 .elementor-element.elementor-element-60c0f75b{--z-index:997;}.elementor-874 .elementor-element.elementor-element-30f8749c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-874 .elementor-element.elementor-element-6355195c{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-874 .elementor-element.elementor-element-66ac2bcb{--justify-content:center;}.elementor-874 .elementor-element.elementor-element-184c34b3 img{width:300px;}.elementor-874 .elementor-element.elementor-element-308a421c{--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:flex-start;}.elementor-874 .elementor-element.elementor-element-552d1046 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu .elementor-item{font-size:19px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--dropdown a{padding-left:40px;padding-right:40px;padding-top:16px;padding-bottom:16px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:34px !important;}.elementor-874 .elementor-element.elementor-element-552d1046{--nav-menu-icon-size:34px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle{border-radius:6px;}}@media(max-width:767px){.elementor-874 .elementor-element.elementor-element-60c0f75b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:4px;--padding-bottom:4px;--padding-left:0px;--padding-right:0px;}.elementor-874 .elementor-element.elementor-element-1381dddb{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-874 .elementor-element.elementor-element-7d6ebe70{font-size:16px;}.elementor-874 .elementor-element.elementor-element-3b644a1b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-874 .elementor-element.elementor-element-22fcdf3a{font-size:16px;}.elementor-874 .elementor-element.elementor-element-30f8749c{--min-height:60px;--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-874 .elementor-element.elementor-element-6355195c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-874 .elementor-element.elementor-element-66ac2bcb{--width:78%;}.elementor-874 .elementor-element.elementor-element-184c34b3 img{width:260px;}.elementor-874 .elementor-element.elementor-element-308a421c{--width:22%;}.elementor-874 .elementor-element.elementor-element-552d1046 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-874 .elementor-element.elementor-element-552d1046 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}.elementor-874 .elementor-element.elementor-element-552d1046 .elementor-menu-toggle{border-radius:6px;}}/* Start custom CSS for text-editor, class: .elementor-element-7d6ebe70 */.elementor-874 .elementor-element.elementor-element-7d6ebe70 a {color: #fff; text-decoration: none; margin-bottom: 0;} .elementor-874 .elementor-element.elementor-element-7d6ebe70 p { margin-bottom: 0;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-22fcdf3a */.elementor-874 .elementor-element.elementor-element-22fcdf3a a {color: #fff; text-decoration: none;} .elementor-874 .elementor-element.elementor-element-22fcdf3a p { margin-bottom: 0;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-60c0f75b */.elementor-874 .elementor-element.elementor-element-60c0f75b { /* Gradient using Elementor globals */ --sec-grad: linear-gradient( to bottom, var(--e-global-color-primary) 0%, var( --e-global-color-10ec379 ) 25%, var(--e-global-color-primary) 50%, var( --e-global-color-10ec379 ) 75%, var(--e-global-color-primary) 100% ); background-image: var(--sec-grad) !important; background-repeat: no-repeat; background-size: 100% 200%; /* double height so we can slide */ background-position: 0% 0%; /* start at top (use 0% 100% to start at bottom) */ transition: background-position .8s ease-in; } .elementor-874 .elementor-element.elementor-element-60c0f75b:hover { background-position: 0% 99%; /* slide to bottom on hover */ }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-552d1046 */.navmenu.elementor-element .elementor-widget-container ul.elementor-nav-menu {margin: 0 !important;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6355195c */#header #headerint .navmenu .menu-item-616 {display: none;} #header.elementor-sticky--effects #headerint, #header:hover #headerint { background-color: rgba(0,0,0,.5); transition: all .5s ease; backdrop-filter: blur( 40px ); -webkit-backdrop-filter: blur( 40px ) saturate(180%); --border: 2px; position: relative; border: none; border-radius: 6px; overflow: visible; z-index: 0; box-shadow: 0 6px 22px rgba(0, 0, 0, 0.2), inset 0 8px 16px rgba(255, 255, 255, 0.3); } /* gradient outline layer */ #header.elementor-sticky--effects #headerint::before, #header:hover #headerint::before { content: ""; position: absolute; inset: 0; padding: var(--border); border-radius: inherit; /* define gradient once */ background: linear-gradient(0deg, #848484, #b6b6b6, #e0e0e0, #b6b6b6, #848484, #b6b6b6, #e0e0e0, #b6b6b6, #848484); background-size: 100% 200%; /* doubled so we can slide it */ background-position: top; /* start position */ -webkit-mask: linear-gradient(#00132e 0 0) content-box, linear-gradient(#00132e 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; transition: background-position 1.5s ease; } /* on hover, slide the gradient */ #headerint:hover::before { background-position: bottom; } /* gradient outline layer */ ul.sub-menu.elementor-nav-menu--dropdown::before { content: ""; position: absolute; inset: 0; padding: var(--border); border-radius: inherit; /* define gradient once */ background: linear-gradient(0deg, #848484, #b6b6b6, #e0e0e0, #b6b6b6, #848484, #b6b6b6, #e0e0e0, #b6b6b6, #848484); background-size: 100% 200%; /* doubled so we can slide it */ background-position: top; /* start position */ -webkit-mask: linear-gradient(#00132e 0 0) content-box, linear-gradient(#00132e 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; transition: background-position 1.5s ease; } /* on hover, slide the gradient */ ul.sub-menu.elementor-nav-menu--dropdown:hover::before { background-position: bottom; } ul.sub-menu.elementor-nav-menu--dropdown {min-width: 180px !important;} ul.sub-menu.elementor-nav-menu--dropdown li.menu-item a:hover {background: linear-gradient( to bottom, var(--e-global-color-primary) 0%, var(--e-global-color-10ec379) 50%, var(--e-global-color-primary) 100% ) !important; font-weight: 600 !important;} ul.sub-menu.elementor-nav-menu--dropdown li.menu-item a:hover, #header #headerint .elementor-nav-menu--dropdown a.elementor-item-active {background: linear-gradient( to bottom, var(--e-global-color-primary) 0%, var(--e-global-color-10ec379) 50%, var(--e-global-color-primary) 100% ) !important; font-weight: 600 !important;} /* Maximum width of 1024 pixels. */ @media screen and (max-width: 1024px) { #header #headerint .navmenu .menu-item-616 {display: block;} #header #headerint .elementor-nav-menu--dropdown a:hover, #header #headerint .elementor-nav-menu--dropdown a.elementor-item-active, #header #headerint .elementor-nav-menu--dropdown a.highlighted {background: linear-gradient( to bottom, var(--e-global-color-primary) 0%, var(--e-global-color-10ec379) 50%, var(--e-global-color-primary) 100% ) !important; font-weight: 600 !important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30f8749c */#header {transition: all .5s ease;} #header .elementor-nav-menu li.menu-item-632 {display: none;} /* Base image: starts visible at 300px */ #header .logo img{ height:auto; display:block; transition: width 1s ease, opacity 1s ease; } /* Overlay for the color version (from Option B) */ #header .logo a{ position:relative; display:inline-block; } #header .logo a::after{ content:""; position:absolute; inset:0; background:url('https://www.brundagesitework.com/wp-content/uploads/2025/09/brundage-site-work-logo-color.png') center / contain no-repeat; opacity:0; transition:opacity 1s ease; pointer-events:none; /* don't block clicks */ } /* On sticky/hover: shrink, fade the base img OUT, fade overlay IN */ #header.elementor-sticky--effects .logo img, #header:hover .logo img{ width:310px; /* smooth size change */ opacity:0; /* hide the white logo completely */ pointer-events:none; /* make it non-interactive */ } #header.elementor-sticky--effects .logo a::after, #header:hover .logo a::after{ opacity:1; /* show the color logo */ } /* Optional: if Elementor injects inline width styles, force the shrink */ #header.elementor-sticky--effects .logo img{ width:310px !important; } /* Optional accessibility: respect reduced motion */ @media (prefers-reduced-motion: reduce){ #header .logo img, #header .logo a::after{ transition:none; } } /* Sticky/hover state */ #header.elementor-sticky--effects .logo img, #header:hover .logo img { width: 310px; /* shrink smoothly */ } #header.elementor-sticky--effects .logo a::after, #header:hover .logo a::after { opacity: 1; /* fade in color version */ } /* Trigger fade on sticky/hover */ #header.elementor-sticky--effects .logo a::after, #header:hover .logo a::after { opacity:1; } #header.elementor-sticky--effects .e-n-menu-dropdown-icon i, #header:hover .e-n-menu-dropdown-icon i {color: #000 !important;} #header.elementor-sticky--effects .navmenu .e-n-menu-item a { color: #C3942D !important;} #header .elementor-nav-menu .sub-arrow .e-font-icon-svg { transition: all .5s ease;} #header.elementor-sticky--effects .elementor-nav-menu .sub-arrow .e-font-icon-svg, #header:hover .elementor-nav-menu .sub-arrow .e-font-icon-svg { fill: var( --e-global-color-secondary ) !important;} #header.elementor-sticky--effects .elementor-nav-menu .menu-item:hover .sub-arrow .e-font-icon-svg, #header:hover .elementor-nav-menu .menu-item:hover .sub-arrow .e-font-icon-svg { fill: #fff !important;} /* Maximum width of 1366 pixels. */ @media screen and (max-width: 1366px) { #header.elementor-sticky--effects .logo img, #header:hover #headerint .logo img { width: 290px !important; } } /* Maximum width of 1024 pixels. */ @media screen and (max-width: 1024px) { #header.elementor-sticky--effects .logo img, #header:hover #headerint .logo img { width: 280px !important; } #header .elementor-nav-menu--dropdown ul.elementor-nav-menu li.menu-item a {line-height: 1 !important;} } /* Maximum width of 767 pixels. */ @media screen and (max-width: 767px) { #header.elementor-sticky--effects .logo img, #header:hover #headerint .logo img { width: 234px !important; } }/* End custom CSS */