.elementor-kit-8{--e-global-color-primary:#DA280F;--e-global-color-secondary:#00318B;--e-global-color-text:#000000;--e-global-color-accent:#24B0F3;--e-global-color-b2b0da4:#FFFFFF;--e-global-color-12fe9b7:#FFFFFF00;--e-global-color-753fd0c:#E1E1E1;--e-global-color-dd0adce:#5E5E5E;--e-global-color-cfcd83d:#0C0C0C;--e-global-color-4dcb5a8:#81818178;--e-global-color-95aae5e:#FFFFFF85;--e-global-color-7bcdc5b:#000000BA;--e-global-color-cdb5d58:#922010;--e-global-color-6649fb7:#00000075;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:700;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:700;background-color:var( --e-global-color-753fd0c );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#2F319F;font-family:"Saira Condensed", Sans-serif;font-size:20px;text-transform:uppercase;color:var( --e-global-color-b2b0da4 );}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-accent );background-image:linear-gradient(180deg, var( --e-global-color-b2b0da4 ) 0%, var( --e-global-color-b2b0da4 ) 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:10px 10px 10px 10px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-primary );font-weight:700;}.elementor-kit-8 h1{font-family:"Nunito Sans", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;}.elementor-kit-8 h2{font-family:"Nunito Sans", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;}.elementor-kit-8 h3{font-family:"Nunito Sans", Sans-serif;font-size:35px;font-weight:700;text-transform:capitalize;}.elementor-kit-8 h4{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:600;text-transform:capitalize;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:14px;}.elementor-kit-8 h1{font-size:35px;}.elementor-kit-8 h2{font-size:25px;}.elementor-kit-8 h3{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   A1A — Metallic sheen buttons (Red Chrome, Black Chrome, Silver Chrome)
   Matches the "Start the tour" CTA in the Garage Door Explorer.

   HOW TO USE IN ELEMENTOR
   1. Paste this file into Site Settings → Custom CSS
      (or Appearance → Customize → Additional CSS).
   2. On any Button widget: Advanced → CSS Classes →
        a1a-btn-red     (red chrome)
        a1a-btn-black   (black chrome)
        a1a-btn-chrome  (silver chrome)
      Add  a1a-btn-full  as well for a full-width button.
   Also works on any plain <a> or <button> with the same class.
   ========================================================= */

:is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) .elementor-button,
:is(a, button):is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 26px;
  font-weight: 700;
  text-decoration: none !important;
  color: #fff !important;
  fill: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
:is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) .elementor-button:active,
:is(a, button):is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome):active { transform: scale(.98); }

/* moving sheen */
:is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) .elementor-button::before,
:is(a, button):is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0; bottom: 0;
  left: -75%;
  width: 55%;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 75%, transparent 100%);
  transform: skewX(-20deg);
  animation: a1a-sheen 3.4s ease-in-out infinite;
}
:is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) .elementor-button:hover::before,
:is(a, button):is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome):hover::before { animation-duration: 1.6s; }
@keyframes a1a-sheen { 0% { left: -75%; } 60%, 100% { left: 125%; } }

/* ---------- RED CHROME (A1A Red #DA280F) ---------- */
.a1a-btn-red .elementor-button,
:is(a, button).a1a-btn-red {
  background: linear-gradient(180deg, #f0553a 0%, #da280f 45%, #b81f0a 55%, #c9250e 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.18), 0 8px 18px -8px rgba(218,40,15,.75);
}
.a1a-btn-red .elementor-button:is(:hover, :focus-visible),
:is(a, button).a1a-btn-red:is(:hover, :focus-visible) {
  background: linear-gradient(180deg, #e2462b 0%, #c6230d 45%, #a11b08 55%, #b3200b 100%) !important;
}

/* ---------- BLACK CHROME (Charcoal #1C1D1F) ---------- */
.a1a-btn-black .elementor-button,
:is(a, button).a1a-btn-black {
  background: linear-gradient(180deg, #5a5e64 0%, #2a2c30 45%, #111214 55%, #1f2023 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.1), 0 8px 18px -8px rgba(0,0,0,.7);
}
.a1a-btn-black .elementor-button::before,
:is(a, button).a1a-btn-black::before {
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,.42) 50%, rgba(255,255,255,0) 75%, transparent 100%);
}
.a1a-btn-black .elementor-button:is(:hover, :focus-visible),
:is(a, button).a1a-btn-black:is(:hover, :focus-visible) {
  background: linear-gradient(180deg, #4a4e54 0%, #1f2124 45%, #08090a 55%, #151618 100%) !important;
}

/* ---------- SILVER CHROME (charcoal text) ---------- */
.a1a-btn-chrome .elementor-button,
:is(a, button).a1a-btn-chrome {
  background: linear-gradient(180deg, #fbfbfc 0%, #d4d8dc 42%, #a3a9b0 52%, #c3c8cd 72%, #e6e9eb 100%) !important;
  color: #1C1D1F !important;
  fill: #1C1D1F !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -2px 0 rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.14), 0 8px 18px -8px rgba(0,0,0,.45);
}
.a1a-btn-chrome .elementor-button::before,
:is(a, button).a1a-btn-chrome::before {
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 75%, transparent 100%);
}
.a1a-btn-chrome .elementor-button:is(:hover, :focus-visible),
:is(a, button).a1a-btn-chrome:is(:hover, :focus-visible) {
  background: linear-gradient(180deg, #eef0f1 0%, #c3c8cd 42%, #8e959d 52%, #b3b9bf 72%, #d9dde0 100%) !important;
  color: #1C1D1F !important;
}

/* focus ring for keyboard users */
:is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) .elementor-button:focus-visible,
:is(a, button):is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome):focus-visible {
  outline: 3px solid #DA280F;
  outline-offset: 3px;
}

/* full width option */
.a1a-btn-full .elementor-button, :is(a, button).a1a-btn-full { width: 100%; }

/* respect reduced-motion settings */
@media (prefers-reduced-motion: reduce) {
  :is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome) .elementor-button::before,
  :is(a, button):is(.a1a-btn-red, .a1a-btn-black, .a1a-btn-chrome)::before { animation: none; left: -75%; }
}/* End custom CSS */