.elementor-766 .elementor-element.elementor-element-1798fa59{--display:flex;--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:16px 16px;--row-gap:16px;--column-gap:16px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(43,36,34,0.08);--border-color:rgba(43,36,34,0.08);--margin-top:0px;--margin-bottom:-93px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:56px;--padding-right:56px;--z-index:9;}.elementor-766 .elementor-element.elementor-element-2237237f{--display:flex;--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(36px/2);}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(36px/2);}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(36px/2);}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-36px/2);}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-36px/2);}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-766 .elementor-element.elementor-element-5e96aaed{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-item > .elementor-icon-list-text, .elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-item > a{font-family:"Heebo", Sans-serif;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.22em;}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-text{color:#5b524d;transition:color 0.3s;}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2b2422;}.elementor-766 .elementor-element.elementor-element-30063db4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-766 .elementor-element.elementor-element-000a8c3 img{width:100%;height:40px;}.elementor-766 .elementor-element.elementor-element-7d511990{--display:flex;--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:flex-end;--align-items:center;--gap:36px 36px;--row-gap:36px;--column-gap:36px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(36px/2);}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(36px/2);}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(36px/2);}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-36px/2);}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-36px/2);}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-766 .elementor-element.elementor-element-4ab4630a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-item > a{font-family:"Heebo", Sans-serif;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.22em;}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-text{color:#5b524d;transition:color 0.3s;}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2b2422;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-766 .elementor-element.elementor-element-6affc58f .elementor-button{background-color:rgba(0,0,0,0);font-family:"Heebo", Sans-serif;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.22em;fill:#5b524d;color:#5b524d;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(43,36,34,0.3);border-radius:0px 0px 0px 0px;padding:10px 18px 10px 18px;}.elementor-766 .elementor-element.elementor-element-6affc58f .elementor-button:hover, .elementor-766 .elementor-element.elementor-element-6affc58f .elementor-button:focus{background-color:rgba(83,119,105,0.06);color:#2b2422;border-color:#537769;}.elementor-766 .elementor-element.elementor-element-6affc58f .elementor-button:hover svg, .elementor-766 .elementor-element.elementor-element-6affc58f .elementor-button:focus svg{fill:#2b2422;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__panel{width:360px;max-width:100%;padding:24px 24px 24px 24px;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn{justify-content:flex-start;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__trigger{font-size:28px;color:var( --e-global-color-text );background-color:#02010100;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__trigger svg{fill:var( --e-global-color-text );}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__overlay{background-color:rgba(0, 0, 0, 0.5);}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__link{font-family:"Heebo", Sans-serif;font-weight:400;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__link:hover, .elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__link:focus{color:var( --e-global-color-2a00952 );}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__link, .elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__back{padding:14px 4px 14px 4px;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__item{border-bottom-color:rgba(0, 0, 0, 0.1);border-bottom-style:solid;border-bottom-width:1px;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__back{border-bottom-color:rgba(0, 0, 0, 0.1);}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__close-row{justify-content:flex-end;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__close{font-size:22px;color:var( --e-global-color-text );}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__close svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-item > .elementor-icon-list-text, .elementor-766 .elementor-element.elementor-element-5e96aaed .elementor-icon-list-item > a{font-size:9px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-766 .elementor-element.elementor-element-4ab4630a .elementor-icon-list-item > a{font-size:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-766 .elementor-element.elementor-element-6affc58f .elementor-button{font-size:10px;}}@media(max-width:1024px){.elementor-766 .elementor-element.elementor-element-1798fa59{--padding-top:22px;--padding-bottom:22px;--padding-left:28px;--padding-right:28px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__trigger{font-size:22px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__link{font-size:12px;letter-spacing:0.22em;}.elementor-766 .elementor-element.elementor-element-2ec21e5 .emn__close{font-size:22px;}}@media(max-width:767px){.elementor-766 .elementor-element.elementor-element-1798fa59{--flex-wrap:nowrap;--padding-top:18px;--padding-bottom:18px;--padding-left:20px;--padding-right:20px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-766 .elementor-element.elementor-element-30063db4{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(min-width:768px){.elementor-766 .elementor-element.elementor-element-2237237f{--width:46%;}.elementor-766 .elementor-element.elementor-element-30063db4{--width:fit-content;}.elementor-766 .elementor-element.elementor-element-7d511990{--width:46%;}}/* Start custom CSS for emn_mobile_nav, class: .elementor-element-2ec21e5 */button.emn__close {
    background-color: transparent !important;
    padding: 0px;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   Niche Design — Site Header (Theme Builder)
   Partner to  elementor/site-header.json
   Paste into  Elementor > Site Settings > Custom CSS
   (append AFTER the base pair hero.css + intro.css)
   --------------------------------------------------------
   The template ships as the DARK on-paper variant (native
   settings). The LIGHT overlay variant — transparent header
   absolutely positioned over a full-bleed hero with white
   text — is switched on by WordPress body classes below.
   This file only handles what Elementor cannot do natively:
     1. Pseudo-elements (logo slashed-E, link underline grow)
     6. Deep .elementor-766s into widget internals + the body-class
        scoped overlay variant (position/colour restyle)
   ============================================================ */

/* -- 1. NICHE logo slashed-E — same mark as the footer/hero lockups -- */
.site-header__logo-mark .elementor-heading-title {
  position: relative;
  display: inline-block;
  padding-right: 6px;
}
.site-header__logo-mark .elementor-heading-title::after {
  content: '';
  position: absolute;
  right: -2px;
  top: 5px;
  width: 1.5px;
  height: 16px;
  background: currentColor;
  transform: rotate(28deg);
  transform-origin: bottom;
}

/* -- 1/6. Underline grow on menu links (Icon List exposes no ::after) -- */
.site-header__menu .elementor-icon-list-item a {
  position: relative;
}
.site-header__menu .elementor-icon-list-item a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: #537769;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.2,.6,.2,1);
}
.site-header__menu .elementor-icon-list-item a:hover::after {
  transform: scaleX(1);
}

/* -- 6. Icon List text colour transition (widget has no transition knob) -- */
.site-header__menu .elementor-icon-list-text { transition: color .2s; }

/* ============================================================
   OVERLAY (LIGHT / INVERSE) VARIANT — pages with a full-bleed
   dark hero behind the header.
   Pages currently inverted:
     body.home            = homepage (WP core body class)
     body.single-project  = project CPT singles — ADJUST to the
                            real slug (WP emits single-{post_type})
     body.page-id-343     = requested overlay page
     body.page-id-503     = requested overlay page
   To invert another page, add its body class inside EVERY
   body:is(...) list below (one place per rule).
   The !important flags are required: Elementor's generated
   stylesheet prefixes widget rules with
   .elementor-766 .elementor-element.elementor-element-xxxx …
   which out-specifies any sane override without them.
   ============================================================ */

/* -- 6. Lift the header over the hero, drop bg + border -- */
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .elementor-location-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header {
  background: transparent !important;
  border-bottom: none !important;
}

/* -- 6. Menu links go white -- */
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .elementor-icon-list-text {
  color: rgba(255,255,255,0.92) !important;
}
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .elementor-icon-list-item:hover .elementor-icon-list-text {
  color: #ffffff !important;
}
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .site-header__menu .elementor-icon-list-item a::after {
  background: #ffffff;
}

/* -- 6/7. Logo goes white.
      Live header uses an Image widget with a coloured SVG file —
      external SVGs can't be recoloured, so filter it to pure white.
      The heading rule below it covers the template's text-lockup
      fallback (harmless when the logo is an image). -- */
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .site-header__logo img {
  filter: brightness(0) invert(1);
}
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .elementor-heading-title {
  color: #ffffff !important;
}

/* -- 6. CTA button goes ghost-white -- */
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .site-header__cta .elementor-button {
  color: rgba(255,255,255,0.92) !important;
  border-color: rgba(255,255,255,0.55) !important;
  background: transparent !important;
}
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .site-header__cta .elementor-button:hover {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: rgba(255,255,255,0.12) !important;
}

/* -- 6. Mobile-nav hamburger trigger goes white (colour AND fill —
      Elementor renders FA icons as inline SVGs). Panel/off-canvas
      colours are left alone: it opens as its own solid surface. -- */
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .emn__trigger {
  color: #ffffff !important;
}
body:is(.home, .single-project, .page-id-343, .page-id-503, .page-id-486, .page-id-528, .page-id-447, .page-id-402, .single-our-work) .site-header .emn__trigger svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}/* End custom CSS */