.elementor-12 .elementor-element.elementor-element-b4bb6c9{--display:flex;--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-12 .elementor-element.elementor-element-9e98754{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-4ec4f3c{--display:flex;}.elementor-12 .elementor-element.elementor-element-4ec4f3c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-4ec4f3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1818;}.elementor-12 .elementor-element.elementor-element-b571fca{--display:flex;--min-height:1000px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-b4bb6c9 *//* ---------- Variables ---------- */
.avvr-header{
  --topbar-h: 50px;
  --dark-bg:#04190f;   --dark-text:#ffffff;
  --light-bg:#fdf6f1;  --light-text:#3d4a44;
  --topbar-bg:#454f4a; --topbar-text:#ffffff;
  --radius:28px;

  position:fixed; top:0; left:0; width:100%; z-index:9999;
  background:var(--topbar-bg);              /* shows in the rounded corners */
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* ---------- Top bar ---------- */
.avvr-topbar{
  height:var(--topbar-h);
  justify-content:flex-end;
  color:var(--topbar-text);
}
.avvr-topbar a,
.avvr-topbar .elementor-icon-list-text{
  color:var(--topbar-text); font-size:13px; font-weight:600;
}

/* ---------- Main nav ---------- */
.avvr-nav{
  border-radius:var(--radius) var(--radius) 0 0;
  transition:background .35s ease, color .35s ease, border-radius .45s ease;
}
.avvr-nav a,
.avvr-nav .elementor-item,
.avvr-nav .elementor-icon{
  transition:color .35s ease, border-color .35s ease;
}

/* ---------- Themes ---------- */
.avvr-header.theme-dark  .avvr-nav{background:var(--dark-bg)}
.avvr-header.theme-light .avvr-nav{background:var(--light-bg)}

.avvr-header.theme-dark  .avvr-nav a,
.avvr-header.theme-dark  .avvr-nav .elementor-item,
.avvr-header.theme-dark  .avvr-nav .elementor-icon{color:var(--dark-text); border-color:rgba(255,255,255,.25)}

.avvr-header.theme-light .avvr-nav a,
.avvr-header.theme-light .avvr-nav .elementor-item,
.avvr-header.theme-light .avvr-nav .elementor-icon{color:var(--light-text); border-color:rgba(61,74,68,.3)}

/* Logo: if you use a dark PNG, this turns it white on dark */
.avvr-header .avvr-logo img{transition:filter .35s ease}
.avvr-header.theme-dark .avvr-logo img{filter:brightness(0) invert(1)}
/* For an SVG logo, remove the lines above and use fill:currentColor instead */

/* ---------- Scroll states ---------- */
/* scrolling down: slide the header up by the top bar height, so only the nav remains */
.avvr-header.is-condensed{transform:translateY(calc(var(--topbar-h) * -1))}
.avvr-header.is-condensed .avvr-nav{border-radius:0}

/* Optional: rounded, bordered content panels like on avvr.nl */
.avvr-panel{
  border:1px solid rgba(128,128,128,.25);
  border-radius:var(--radius) var(--radius) 0 0;
}

/* Mobile: hide the top bar */
@media (max-width:767px){
  .avvr-topbar{display:none}
  .avvr-header{--topbar-h:0px}
}/* End custom CSS */