/**
 * ELEMENTOR Grid
 */

 .aux-fhd .elementor-section.elementor-section-boxed>.elementor-container,
 .aux-fhd:not(.elementor-page) .elementor-section-boxed>.elementor-container{
	width: auto;
	max-width: 1900px
 }
 .aux-fhd .e-con > .e-con-inner {
	max-width: 1900px
 }
 .aux-fhd .elementor-add-section{
	max-width: 1940px
 }

 .aux-s-fhd .elementor-section.elementor-section-boxed>.elementor-container,
 .aux-s-fhd:not(.elementor-page) .elementor-section-boxed>.elementor-container{
	 width: auto;
	 max-width: 1600px
 }
 .aux-s-fhd .e-con > .e-con-inner  {
	max-width: 1600px
 }
 .aux-s-fhd .elementor-add-section{
	max-width: 1640px
}

 .aux-xhd .elementor-section.elementor-section-boxed>.elementor-container,
 .aux-xhd:not(.elementor-page) .elementor-section-boxed>.elementor-container{
	 width: auto;
	 max-width: 1400px
 }
 .aux-xhd .e-con > .e-con-inner  {
	max-width: 1400px
 }
 .aux-xhd .elementor-add-section {
	max-width: 1440px
}

 .aux-hd .elementor-section.elementor-section-boxed>.elementor-container,
 .aux-hd:not(.elementor-page) .elementor-section-boxed>.elementor-container{
	 width: auto;
	 max-width: 1200px
 }
 .aux-hd .e-con > .e-con-inner  {
	max-width: 1200px
 }
 .aux-hd .elementor-add-section {
	max-width: 1240px
}

 .aux-nd .elementor-section.elementor-section-boxed>.elementor-container,
 .aux-nd:not(.elementor-page) .elementor-section-boxed>.elementor-container{
	 width: auto;
	 max-width: 1000px
 }
 .aux-nd .e-con > .e-con-inner {
	max-width: 1000px;
 }
 .aux-nd .elementor-add-section {
	max-width: 1040px
}


/* === Fix: Site Header template 140 (About/Contact/Services pages) ===
 * post-140.css is not auto-enqueued by Phlox on non-home pages.
 * Restore CSS custom properties so Elementor containers render correctly.
 */

/* Restore --display flex on header containers (desktop + mobile) */
.elementor-140 .elementor-element.elementor-element-366f21e { --display: flex; --flex-direction: row; }
.elementor-140 .elementor-element.elementor-element-c58ea8e { --display: flex; }
.elementor-140 .elementor-element.elementor-element-290fd6e { --display: flex; }

/* Desktop: nav pill container layout */
.elementor-140 .elementor-element.elementor-element-c58ea8e { max-height: 100px; min-height: 100px; }
.elementor-140 .elementor-element.elementor-element-290fd6e {
  box-shadow: 0px 4px 25px 0px rgba(0, 90, 233, 0.2);
}

@media (min-width: 768px) {
  .elementor-140 .elementor-element.elementor-element-366f21e { --content-width: 1600px; }
  .elementor-140 .elementor-element.elementor-element-c58ea8e { --width: 79.969%; }
}

/* Mobile: side-by-side logo + burger layout */
@media (max-width: 767px) {
  /* Keep mobile heights */
  .elementor-140 .elementor-element.elementor-element-c58ea8e {
    max-height: 70px !important;
    min-height: 70px !important;
  }

  /* Force inner row container to lay out horizontally */
  .elementor-140 .elementor-element.elementor-element-366f21e > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    height: 70px !important;
  }

  /* Logo container: takes remaining width, don't let --width:100% dominate */
  .elementor-140 .elementor-element.elementor-element-c58ea8e {
    --width: auto !important;
    width: auto !important;
    flex: 1 1 auto !important;
    max-width: calc(100% - 120px) !important;
  }

  /* Nav/burger container: blue pill, fixed size on right */
  .elementor-140 .elementor-element.elementor-element-290fd6e {
    --width: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
    max-height: 70px !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(88deg, #1a3c8f 0%, #2e6dd4 100%) !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 0 20px !important;
  }

  /* White burger icon for visibility on blue background */
  .elementor-140 .elementor-element.elementor-element-290fd6e .aux-burger span {
    background-color: #fff !important;
  }
}
/* === End Fix === */