.elementor-2180 .elementor-element.elementor-element-2dd37092{--display:flex;--position:fixed;--min-height:105px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:99;}.elementor-2180 .elementor-element.elementor-element-2dd37092:not(.elementor-motion-effects-element-type-background), .elementor-2180 .elementor-element.elementor-element-2dd37092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-2180 .elementor-element.elementor-element-2dd37092{left:0px;}body.rtl .elementor-2180 .elementor-element.elementor-element-2dd37092{right:0px;}.elementor-2180 .elementor-element.elementor-element-31aa631d{text-align:start;}.elementor-2180 .elementor-element.elementor-element-31aa631d img{width:100%;max-width:220px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main .elementor-item{color:#1C244B;fill:#1C244B;padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main .elementor-item:focus{color:#324A6D;fill:#324A6D;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed .elementor-item:before,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#324A6D;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-underline .elementor-item:after,
					 .elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-overline .elementor-item:before,
					 .elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-double-line .elementor-item:before,
					 .elementor-2180 .elementor-element.elementor-element-60bb34c3 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a, .elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a:hover,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a:focus,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown .elementor-item, .elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 div.elementor-menu-toggle{color:#467FF7;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 div.elementor-menu-toggle svg{fill:#467FF7;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2180 .elementor-element.elementor-element-2dd37092{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown .elementor-item, .elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(min-width:768px){.elementor-2180 .elementor-element.elementor-element-2dd37092{--content-width:1444px;}}@media(max-width:767px){.elementor-2180 .elementor-element.elementor-element-2dd37092{--min-height:50px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2180 .elementor-element.elementor-element-60bb34c3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-2180 .elementor-element.elementor-element-60bb34c3{--nav-menu-icon-size:20px;}}/* Start custom CSS for container, class: .elementor-element-2dd37092 *//* ==========================================================
   ROOF REPAIR RICHMOND HILL — HEADER (FIXED / STICKY)

   Paste into: Appearance → Customize → Additional CSS
   → PUBLISH → purge LiteSpeed Cache → hard refresh.

   Replaces all previous header CSS. Delete the old block first.

   Two things are still set in Elementor, not here:
   · hero section → Advanced → Padding → Top 150
   · quote form container → Advanced → Margin → Top 40
   ========================================================== */

/* ---------- header stays put while the page scrolls ---------- */

[data-elementor-type="header"]{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:999 !important;
  background:transparent !important;
}

[data-elementor-type="header"] > .e-con,
[data-elementor-type="header"] > .e-con-inner,
[data-elementor-type="header"] > .elementor-section{
  background:transparent !important;
  padding:24px clamp(24px,4vw,60px) !important;
}

/* scrim behind the nav for guaranteed contrast */

[data-elementor-type="header"]::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,
    rgba(12,12,12,.60) 0%,
    rgba(12,12,12,.32) 60%,
    rgba(12,12,12,0) 100%) !important;
}

/* ---------- logo ---------- */

[data-elementor-type="header"] .elementor-widget-theme-site-logo img{
  width:280px !important;
  max-width:none !important;
  height:auto !important;
  filter:brightness(0) invert(1) !important;
}

/* ---------- nav capsule ---------- */

[data-elementor-type="header"] .elementor-nav-menu--main > .elementor-nav-menu{
  display:flex !important;
  align-items:center !important;
  width:fit-content !important;
  margin-left:auto !important;
  gap:2px !important;
  padding:5px !important;
  border-radius:100px !important;
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
}

[data-elementor-type="header"] .elementor-nav-menu--main .elementor-item{
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1 !important;
  padding:12px 20px !important;
  border-radius:100px !important;
  color:#fff !important;
  fill:#fff !important;
  text-shadow:0 1px 10px rgba(0,0,0,.5) !important;
  background:transparent !important;
  transition:background .25s ease !important;
}

[data-elementor-type="header"] .elementor-nav-menu--main .elementor-item:hover,
[data-elementor-type="header"] .elementor-nav-menu--main .elementor-item:focus{
  background:rgba(255,255,255,.20) !important;
  color:#fff !important;
}

[data-elementor-type="header"] .elementor-nav-menu--main .elementor-item.elementor-item-active{
  background:rgba(255,255,255,.26) !important;
  color:#fff !important;
}

[data-elementor-type="header"] .elementor-nav-menu--main .elementor-item:after,
[data-elementor-type="header"] .elementor-nav-menu--main .elementor-item:before{
  display:none !important;
}

/* ---------- dropdown ---------- */

[data-elementor-type="header"] .elementor-nav-menu--dropdown{
  margin-top:12px !important;
  padding:8px !important;
  min-width:260px !important;
  border-radius:18px !important;
  background:#1A1A1A !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.45) !important;
}

[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-sub-item{
  padding:13px 18px !important;
  border-radius:12px !important;
  font-size:15px !important;
  font-weight:400 !important;
  color:rgba(255,255,255,.88) !important;
  text-shadow:none !important;
  background:transparent !important;
  transition:background .2s ease !important;
}

[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-sub-item:hover,
[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active{
  background:#65ABEA !important;
  color:#fff !important;
}

/* ---------- mobile ---------- */

[data-elementor-type="header"] .elementor-menu-toggle{
  width:48px !important;
  height:48px !important;
  border-radius:100px !important;
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  color:#fff !important;
}

[data-elementor-type="header"] .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  margin-top:12px !important;
  border-radius:20px !important;
  background:#1A1A1A !important;
}

[data-elementor-type="header"] .elementor-nav-menu--dropdown a.elementor-item{
  color:rgba(255,255,255,.9) !important;
  font-size:17px !important;
  padding:15px 18px !important;
  border-radius:12px !important;
  text-shadow:none !important;
}

@media(max-width:1024px){
  [data-elementor-type="header"] > .e-con,
  [data-elementor-type="header"] > .e-con-inner,
  [data-elementor-type="header"] > .elementor-section{
    padding:18px 20px !important;
  }
  [data-elementor-type="header"] .elementor-widget-theme-site-logo img{
    width:200px !important;
  }
}/* End custom CSS */