:root{--page-title-display:none;}/* Start custom CSS */@font-face{font-family:'Outfit';src:url('https://climbskyroofing.com/wp-content/uploads/fonts/Outfit.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Manrope';src:url('https://climbskyroofing.com/wp-content/uploads/fonts/Manrope.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;}
body.elementor-page-78{font-family:Manrope,sans-serif;}body.elementor-page-78 *,body.elementor-page-78 *::before,body.elementor-page-78 *::after{box-sizing:border-box;}
body.elementor-page-78 .elementor-nav-menu--main .elementor-item{font-family:Manrope;font-size:13px;font-weight:700;padding:16px 15px;color:#ffffff;}
body.elementor-page-78 .elementor-nav-menu--main .elementor-item:hover,body.elementor-page-78 .elementor-nav-menu--main .elementor-item-active{color:#5ac5ff;}
body.elementor-page-78 .elementor-menu-toggle{background:transparent;color:#ffffff;font-size:28px;}body.elementor-page-78 .elementor-nav-menu--dropdown{background:#111317;border:1px solid #3f4853;}body.elementor-page-78 .elementor-nav-menu--dropdown .elementor-item{font-family:Manrope;font-size:15px;padding:18px 24px;color:#ffffff;}body.elementor-page-78 .elementor-nav-menu--dropdown .elementor-item:hover{background:#0079b5;color:#ffffff;}
body.elementor-page-78 .elementor-menu-toggle svg,body.elementor-page-78 .elementor-menu-toggle svg path{fill:#ffffff!important;}body.elementor-page-78 .elementor-menu-toggle{min-width:48px;min-height:48px;}
@media(max-width:1024px){body.elementor-page-78.elementor-location-header .elementor-widget-nav-menu{width:55px!important;flex:0 0 55px;}body.elementor-page-78.elementor-location-header img{flex-shrink:0;object-position:50% 46%;}body.elementor-page-78.elementor-location-header .elementor-nav-menu--dropdown{position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:calc(100vw - 44px)!important;max-width:none;transform:none!important;z-index:100;}body.elementor-page-78.elementor-location-header .elementor-nav-menu--dropdown .elementor-item{white-space:normal;}}
body.elementor-page-78 a:focus-visible,body.elementor-page-78 summary:focus-visible{outline:3px solid #009de9;outline-offset:4px;}
@media(prefers-reduced-motion:reduce){body.elementor-page-78 *,body.elementor-page-78 *::before,body.elementor-page-78 *::after{scroll-behavior:auto!important;transition:none!important;}}

/* Brand details shared by the native Elementor layouts. */
.cs-hero-stage .cs-hero-copy h1 span { color: #45baff; }
.cs-hero-stage::before {
  content: ""; position: absolute; width: 660px; height: 660px;
  border: 1px solid rgba(0,157,233,.11); transform: rotate(45deg);
  right: -310px; top: -270px; pointer-events: none;
}
.cs-hero-media > .cs-photo {
  clip-path: polygon(15% 0,100% 0,100% 84%,85% 100%,0 100%,0 16%);
  filter: saturate(.55);
}
.cs-hero-media::before {
  content: ""; position: absolute; inset: 17px -17px -17px 17px;
  border: 1px solid #009de9; pointer-events: none;
}
.cs-page-hero::after {
  content: ""; position: absolute; width: 290px; height: 290px;
  border: 1px solid rgba(0,157,233,.25); transform: rotate(45deg);
  top: -130px; right: -110px; pointer-events: none;
}
.cs-values-grid .cs-value-accent { background: #009de9; color: #111317; }
.cs-values-grid .cs-value-card { transition: transform .2s, box-shadow .2s; }
.cs-values-grid .cs-value-card:hover {
  transform: translateY(-7px); box-shadow: 0 23px 55px rgba(17,19,23,.13);
}
.cs-value-card .cs-icon-tile { flex-shrink: 0; }
.cs-icon-tile img { display: block; object-fit: contain; }
.cs-scroll-top {
  opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px);
  transition: opacity .18s, transform .18s, visibility .18s;
}
.cs-scroll-top.is-visible {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}
@media (max-width: 767px) {
  .cs-hero-stage { padding-top: 50px !important; padding-bottom: 95px !important; }
  .cs-hero-stage .cs-hero-layout { display: block; min-height: 0; }
  .cs-hero-stage .cs-hero-media {
    position: absolute; inset: 0; opacity: .3; pointer-events: none;
  }
  .cs-hero-stage .cs-hero-media > .cs-photo {
    width: 100% !important; height: 100% !important; clip-path: none;
    object-position: center 60%;
  }
  .cs-hero-stage .cs-hero-media > div, .cs-hero-media::before { display: none; }
  .cs-hero-stage .cs-hero-copy .cs-outline { display: none; }
  .cs-values-band { background-image: linear-gradient(to bottom,#111317 0%,#111317 27%,#fff 27%,#fff 100%) !important; }
  .cs-values-grid .cs-value-card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cs-value-card, .cs-scroll-top { transition: none !important; transform: none !important; }
  e-page-transition {
    display: none !important; --e-page-transition-animation-duration: 0ms !important;
    --e-preloader-delay: 0ms !important; --preloader-fade-duration: 0s !important;
  }
}/* End custom CSS */