/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Site header (Elementor template 117).

   Toggle position. The widget's "Toggle Align" control is set to right; its
   default is center, which left the button 46px short of the header's right
   edge. Vertical centring is not a control at all: the closed dropdown panel
   sat in flow under the button carrying margin-top:10px, so the widget box
   measured 43px around a 33px button and the button rendered 5px high.

   Elementor already sets flex-direction:column on this widget's container, so
   only align-items is touched. Forcing display:flex without the direction turns
   the panel into a ROW item beside the button and collapses it to its content
   width.

   The panel overlays the page rather than pushing it. Elementor's own "Full
   width" switch does that with JS that measures the widget's offset at load,
   and it mis-computed against the flex changes here (left:-286px on a 439px
   viewport), so the switch is off and the panel is pinned in CSS instead.
   Elementor gives the nav WIDGET position:relative, which would make it the
   containing block, so the widget is forced back to static and .pd-header
   carries the position.

   Colours, padding and dividers are widget settings, not overrides. */

.pd-header{position:relative;}
.pd-header .pd-nav{position:static;flex:1 1 auto;}

.pd-header .pd-nav > .elementor-widget-container{align-items:flex-end;}

.pd-header .elementor-menu-toggle{margin:0;}

/* The panel floats over content that may be light, so it needs its own edge. */
.pd-header .pd-nav .elementor-nav-menu--dropdown{
  position:absolute;top:100%;left:0;right:0;width:auto;margin-top:0;z-index:99;
  border-bottom:1px solid #E4EAE8;
  box-shadow:0 16px 28px -16px rgba(14,46,43,.30);}

/* Elementor gives every dropdown link an 8px transparent inline-start border,
   which offsets the text from the padding the widget's own control sets. */
.pd-header .pd-nav .elementor-nav-menu--dropdown a{border-inline-start-width:0;}
