.elementor-kit-9{--e-global-color-primary:#17469E;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{font-family:"Inter", Sans-serif;}.elementor-kit-9 h1{font-family:"Figtree", Sans-serif;font-size:44px;}.elementor-kit-9 h2{font-family:"Figtree", Sans-serif;font-size:32px;}.elementor-kit-9 h3{font-family:"Figtree", Sans-serif;font-size:24px;}.elementor-kit-9 h4{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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-header .site-navigation .menu li{font-family:"Inter", Sans-serif;}.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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  --rg-radius: 12px;
  --rg-radius-lg: 18px;
  --rg-shadow: 0 8px 24px rgba(0,0,0,.08);
  --rg-shadow-sm: 0 4px 14px rgba(0,0,0,.06);
  --rg-gap: clamp(18px, 2vw, 28px);
}

/* Typographic rhythm */
h1,h2,h3{ letter-spacing:-.02em; }
h1{ font-size:clamp(36px, 4.2vw, 56px); line-height:1.08; }
h2{ font-size:clamp(28px, 3vw, 40px); line-height:1.12; }
h3{ font-size:clamp(22px, 2.2vw, 28px); line-height:1.18; }
body{ line-height:1.7; }

/* Consistent section spacing */
section, .elementor-section{ scroll-margin-top: 92px; }
.elementor-section{ padding-block: clamp(40px, 6vw, 84px) !important; }

/* Buttons – unified, snappy hover */
a.elementor-button, .elementor-button{
  border-radius: var(--rg-radius);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  box-shadow: var(--rg-shadow-sm);
}
a.elementor-button:hover, .elementor-button:hover{
  transform: translateY(-1px);
  box-shadow: var(--rg-shadow);
}

/* Cards (Blog / Services / Team) */
.rg-card, .elementor-post, .elementor-widget-image-box .elementor-widget-container,
.elementor-widget-posts .elementor-post__card, .elementor-widget-loop-grid .e-loop-item{
  border-radius: var(--rg-radius-lg);
  overflow: hidden;
  box-shadow: var(--rg-shadow-sm);
  transition: box-shadow .2s ease, transform .2s ease;
  background:#fff;
}
.rg-card:hover, .elementor-post:hover, .elementor-widget-posts .elementor-post__card:hover{
  transform: translateY(-2px);
  box-shadow: var(--rg-shadow);
}

/* Images keep aspect & fill cards neatly */
.rg-card img, .elementor-post__thumbnail img, .elementor-widget-image img{
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* Badge style (certifications/logos) */
.rg-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 12px; border-radius:999px; background:#f5f7fb; font-weight:600;
}

/* Header: glass & compact on scroll */
.site-header, .elementor-sticky--effects{
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255,255,255,.85) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
.elementor-sticky--effects .elementor-container{ padding-block:10px !important; }

/* Smooth anchor scrolling */
html{ scroll-behavior:smooth; }

/* Focus states (accessibility) */
a:focus, button:focus{
  outline: 3px solid #1b63ff55; outline-offset: 2px;
}

/* Form polish */
input, textarea, select{
  border-radius: 10px !important;
  border:1px solid #E5E8EF !important;
  box-shadow:none !important;
}
input:focus, textarea:focus, select:focus{
  border-color:#B8C6FF !important; box-shadow:0 0 0 4px #DFE6FF !important;
}

/* Footer links clarity */
.site-footer a{ opacity:.9; transition:opacity .15s ease; }
.site-footer a:hover{ opacity:1; }
/* ===== RG Aviation — Remove Menu Focus Box ===== */

/* Remove the blue outline on click/focus */
a:focus,
a:active,
.elementor-item:focus,
.elementor-item:active,
.elementor-nav-menu a:focus,
.elementor-nav-menu a:active {
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

/* Elementor adds its own pseudo focus ring */
.elementor-nav-menu a.elementor-item:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Prevent the translucent blue background Elementor adds */
.elementor-item:focus,
.elementor-item:focus-within {
  background: transparent !important;
}

/* Keep accessibility — invisible focus ring for keyboard users only */
.elementor a:focus-visible {
  outline: 2px solid rgba(255,255,255,0.001) !important;
  outline-offset: 2px;
}

/* === RG Aviation — nuke blue hover/focus/active backgrounds & WP link underline === */

/* 1) Kill Elementor menu pseudo-elements that draw the blue pill */
header.rg-navwrap .elementor-nav-menu .elementor-item:before,
header.rg-navwrap .elementor-nav-menu .elementor-item:after,
header.rg-navwrap .rg-nav .rg-link:before,
header.rg-navwrap .rg-nav .rg-link:after {
  content: none !important;  /* we keep our own underline elsewhere */
  display: none !important;
  background: transparent !important;
}

/* 2) Remove any background set on hover/focus/active/current menu item */
header.rg-navwrap .elementor-nav-menu .elementor-item,
header.rg-navwrap .elementor-nav-menu .elementor-item:hover,
header.rg-navwrap .elementor-nav-menu .elementor-item:focus,
header.rg-navwrap .elementor-nav-menu .elementor-item:active,
header.rg-navwrap .elementor-nav-menu .current-menu-item > a,
header.rg-navwrap .elementor-nav-menu .elementor-item.elementor-item-active,
header.rg-navwrap .elementor-item.active,
header.rg-navwrap .elementor-item.current {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 3) Override WP core link rule: a:where(:not(.wp-element-button)) { text-decoration: underline; } */
header.rg-navwrap :where(.rg-nav) a,
header.rg-navwrap :where(.rg-mnav) a {
  text-decoration: none !important;
}

/* 4) Normalize colors so visited/focus don’t flip */
header.rg-navwrap .rg-nav a,
header.rg-navwrap .rg-mnav a {
  color: #fff !important;
}

/* 5) If you keep my custom underline, limit it to .rg-link only */
header.rg-navwrap .rg-link::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -10px; height: 2px;
  background: #fff; opacity: .35;
  transform: scaleX(0); transform-origin: left;
  transition: transform .22s ease;
}
header.rg-navwrap .rg-link:hover::after,
header.rg-navwrap .rg-link.active::after { transform: scaleX(1); }

/* --- 2) Ensure the header truly touches the top with no gaps --- */
header.rg-navwrap {
  top: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.25); /* only drop shadow downward */
}

/* Kill any accidental top border/glow added by theme/Elementor */
header.rg-navwrap,
header.rg-navwrap::before,
header.rg-navwrap::after {
  border-top: 0 !important;
  background-image: none !important;
}

/* --- 3) Elementor sticky spacer sometimes paints a strip --- */
.elementor-sticky__spacer {
  background: transparent !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* --- 4) Remove top padding/margin from the first section under the header --- */
.elementor-section:first-of-type,
.hero, .hero-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* --- 5) Avoid compositing seams at the top edge (Safari/Chrome) --- */
header.rg-navwrap {
  width: 100vw;
  left: 0; right: 0;
  transform: translateZ(0);          /* force its own layer */
  will-change: transform;
  background-clip: border-box;
}

/* If you're using the glass overlay class from earlier, make sure it's uniform */
header.rg-navwrap .rg-glass {
  background: rgba(14,20,32,.18) !important; /* light glass, no gradient */
}
header.rg-navwrap.scrolled .rg-glass {
  background: #1f4aad !important;   /* solid brand blue on scroll */
}
/* --- OVERRIDE Elementor sticky white background sitewide --- */
.site-header,
.elementor-sticky--effects {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Only our RG nav controls its own backdrop */
header.rg-navwrap {
  background: rgba(14,20,32,.18) !important; /* light glass navy */
  backdrop-filter: saturate(125%) blur(16px) !important;
  -webkit-backdrop-filter: saturate(125%) blur(16px) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.25) !important;
}
header.rg-navwrap.scrolled {
  background: #1f4aad !important; /* solid brand blue */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* ===================== RG Aviation — Mobile Nav Fixes ===================== */

/* Base: neutral icon/button styles (kills pink theme hover) */
.rg-burger,
#rgBurger,
.rg-close {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.rg-burger:hover,
#rgBurger:hover,
.rg-close:hover {
  background: rgba(255,255,255,0.14) !important;   /* NOT pink */
  border-color: rgba(255,255,255,0.28) !important;
}
.rg-burger span,
.rg-burger::before,
.rg-burger::after { background: #fff !important; }

/* Some themes inject brand “accent” (often pink) on hover/focus. Override it. */
.rg-burger:focus,
#rgBurger:focus,
.rg-close:focus,
.rg-burger:active,
#rgBurger:active {
  outline: none !important;
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.32) !important;
  box-shadow: none !important;
}

/* ---------- Mobile layout ---------- */
@media (max-width: 1024px) {
  /* header height + logo sizing */
  .rg-navwrap { height: 84px; }
  .rg-row {
    grid-template-columns: auto auto auto !important;
    padding: 14px 16px !important;
    gap: 14px !important;
  }
  .rg-brand img { height: 48px !important; }

  /* hide desktop nav, show burger */
  .rg-nav { display: none !important; }
  .rg-burger, #rgBurger { display: inline-flex !important; width: 42px; height: 42px; border-radius: 10px; }

  /* keep glass from covering whole hero on mobile */
  .rg-navwrap { overflow: hidden; }
  .rg-navwrap .rg-glass {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  /* drawer sheet: full-height, safe area aware, scrollable */
  .rg-drawer {
    position: fixed; inset: 0; z-index: 9998;
    background: rgba(0,0,0,.35) !important;
    display: none;
  }
  .rg-drawer.open { display: block; }
  .rg-sheet {
    position: absolute; right: 0; top: 0;
    height: 100%;
    width: min(92vw, 380px);
    padding: 18px 16px 24px;
    background: rgba(10,16,28,.92) !important;   /* dark, no pink */
    color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform .28s ease;
    border-left: 1px solid rgba(255,255,255,0.08);
  }
  .rg-drawer.open .rg-sheet { transform: translateX(0); }

  .rg-sheet header { 
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    padding-bottom: 10px;
  }
  .rg-mnav { display: flex; flex-direction: column; gap: 14px; padding: 14px 0; }
  .rg-mnav a { color: #fff !important; font: 600 17px/1.25 "Space Grotesk", Inter, sans-serif; text-decoration: none; }
}

/* Kill any theme accent color for nav icons/links (often pink) */
header.rg-navwrap a:hover,
header.rg-navwrap a:focus,
header.rg-navwrap .elementor-item:hover,
header.rg-navwrap .elementor-item:focus {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* iOS tap highlight off */
header.rg-navwrap a,
#rgBurger, .rg-burger, .rg-close { -webkit-tap-highlight-color: transparent !important; }/* End custom CSS */