.elementor-22 .elementor-element.elementor-element-326a704{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--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:5;}.elementor-22 .elementor-element.elementor-element-326a704:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-326a704 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-da4015f );background-image:url("https://garagedoordoctorusa.com/wp-content/uploads/2023/05/wave-top@2x.webp");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-22 .elementor-element.elementor-element-326a704::before, .elementor-22 .elementor-element.elementor-element-326a704 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-326a704 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-326a704 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-326a704 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-326a704 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #A1E5FF8A 0%, var( --e-global-color-18057d2 ) 100%);}.elementor-22 .elementor-element.elementor-element-12f9ba9{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-66a44d0 > .elementor-widget-container{margin:0px 0px -100px 0px;padding:0px 0px -29px 0px;}.elementor-22 .elementor-element.elementor-element-66a44d0{text-align:center;}.elementor-22 .elementor-element.elementor-element-66a44d0 img{width:200px;}.elementor-22 .elementor-element.elementor-element-978d479{--display:flex;--justify-content:center;--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-22 .elementor-element.elementor-element-79f98d0 .elementor-menu-toggle{margin:0 auto;}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-item:hover, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-8d57822 );}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-79f98d0 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-22 .elementor-element.elementor-element-79f98d0 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-18057d2 );border-radius:5px 5px 5px 5px;}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a:hover, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a:focus, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a.highlighted, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-menu-toggle:hover, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a:hover, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a:focus, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown .elementor-item, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22 .elementor-element.elementor-element-ca8ff43{--display:flex;--justify-content:center;--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-22 .elementor-element.elementor-element-f585755 .elementor-button{background-color:#ED1C24;font-size:20px;font-weight:900;letter-spacing:1px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-f585755 .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-f585755 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-f585755 .elementor-button-content-wrapper{flex-direction:row;}.elementor-22 .elementor-element.elementor-element-f585755 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-22 .elementor-element.elementor-element-f585755 .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-f585755 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-fd2b48b .elementor-button{background-color:#ED1C24;font-size:20px;font-weight:900;letter-spacing:1px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-fd2b48b .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-fd2b48b .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-fd2b48b .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-fd2b48b .elementor-button:focus 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:1080px){.elementor-22 .elementor-element.elementor-element-66a44d0 > .elementor-widget-container{margin:0px 0px -60px 0px;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-12f9ba9{--width:30%;}.elementor-22 .elementor-element.elementor-element-978d479{--width:50%;}.elementor-22 .elementor-element.elementor-element-ca8ff43{--width:20%;}}@media(max-width:1080px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-12f9ba9{--width:20%;}.elementor-22 .elementor-element.elementor-element-ca8ff43{--width:40%;}}@media(min-width:1081px){.elementor-22 .elementor-element.elementor-element-326a704:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-326a704 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-326a704{--flex-wrap:nowrap;}.elementor-22 .elementor-element.elementor-element-66a44d0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-66a44d0 img{width:100px;}.elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown .elementor-item, .elementor-22 .elementor-element.elementor-element-79f98d0 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}}/* Start custom CSS for button, class: .elementor-element-f585755 *//* Target: add class "metallic-sheen-btn" to your Elementor button */ .elementor-widget-button .metallic-sheen-btn .elementor-button, .metallic-sheen-btn .elementor-button { position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(135deg, #C8161D 0%, #ED1C24 45%, #F04B52 55%, #ED1C24 100%); color: #ffffff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 4px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(237, 28, 36, 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease; } /* The animated sheen layer */ .metallic-sheen-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -75%; width: 50%; height: 200%; background: linear-gradient( 45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100% ); transform: rotate(0deg); /* gradient already at 45deg */ animation: metallic-sheen-sweep 3.5s linear infinite; pointer-events: none; mix-blend-mode: screen; z-index: 1; } /* Keep the button label above the sheen */ .metallic-sheen-btn .elementor-button .elementor-button-content-wrapper, .metallic-sheen-btn .elementor-button .elementor-button-text, .metallic-sheen-btn .elementor-button .elementor-button-icon { position: relative; z-index: 2; } @keyframes metallic-sheen-sweep { 0% { left: -75%; } 60% { left: 125%; } /* sheen finishes its pass */ 100% { left: 125%; } /* pause before the next loop */ } /* Hover polish */ .metallic-sheen-btn .elementor-button:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.3), 0 6px 16px rgba(237, 28, 36, 0.5); } .metallic-sheen-btn .elementor-button:active { transform: translateY(0); } /* Respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .metallic-sheen-btn .elementor-button::before { animation: none; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fd2b48b *//* Target: add class "metallic-sheen-btn" to your Elementor button */ .elementor-widget-button .metallic-sheen-btn .elementor-button, .metallic-sheen-btn .elementor-button { position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(135deg, #C8161D 0%, #ED1C24 45%, #F04B52 55%, #ED1C24 100%); color: #ffffff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 4px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(237, 28, 36, 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease; } /* The animated sheen layer */ .metallic-sheen-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -75%; width: 50%; height: 200%; background: linear-gradient( 45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100% ); transform: rotate(0deg); /* gradient already at 45deg */ animation: metallic-sheen-sweep 3.5s linear infinite; pointer-events: none; mix-blend-mode: screen; z-index: 1; } /* Keep the button label above the sheen */ .metallic-sheen-btn .elementor-button .elementor-button-content-wrapper, .metallic-sheen-btn .elementor-button .elementor-button-text, .metallic-sheen-btn .elementor-button .elementor-button-icon { position: relative; z-index: 2; } @keyframes metallic-sheen-sweep { 0% { left: -75%; } 60% { left: 125%; } /* sheen finishes its pass */ 100% { left: 125%; } /* pause before the next loop */ } /* Hover polish */ .metallic-sheen-btn .elementor-button:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.3), 0 6px 16px rgba(237, 28, 36, 0.5); } .metallic-sheen-btn .elementor-button:active { transform: translateY(0); } /* Respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .metallic-sheen-btn .elementor-button::before { animation: none; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-326a704 */.blur-head { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); /* Safari */ background-color: rgba(255, 255, 255, 0.2); border: 0px solid rgba(255, 255, 255, 0.3); /* optional, gives the glass edge */ border-radius: 0px; /* optional */ }/* End custom CSS */