/* =====================================================================
   FULL-SCREEN MENU + TOGGLE
   Carried over verbatim from jetfuel-2018/css/style.css so the menu
   looks and behaves exactly as it does on the live site.
   Only change: image paths point at the live theme folder.
   ===================================================================== */

#nav-wrap{position:relative;display:block;z-index:100;padding:0}

#menu-wrap{display:flex}
#menu-wrap{position:fixed;height:100vh;width:92vw;padding-right:4vw;padding-left:4vw;top:0;right:-112vw;background-color:#f26532;align-items:center;justify-content:space-around;text-align:center;transition:all 0.2s ease-in}
#menu-wrap.expanded{right:0vw;transition:all 0.2s ease-in;z-index:222}
#menu-wrap #menu li{list-style:none;font-size:2.5em}
@media screen and (max-width:1024px){#menu-wrap #menu li{font-size:1.8em}}
#menu-wrap #menu li a{color:#fff;text-decoration:none;font-family:"myriad-pro-semi-condensed", sans-serif;text-transform:lowercase;padding:0.5vh 0;opacity:0.5;display:block;font-weight:bold;transition:all 0.2s ease-in;background-image:linear-gradient(white, white), linear-gradient(#f26532, #f26532);background-size:0 3px, auto;background-repeat:no-repeat;background-position:center bottom;transition:all 0.2s ease-out}
#menu-wrap #menu li.current-menu-item a{opacity:1}
#menu-wrap #menu li:hover a{transition:all 0.2s ease-in;opacity:1;background-size:60% 3px, auto}
#menu{position:relative;-webkit-padding-start:0;padding:0;margin:0}
#menu ul{padding:0;margin:0}
ul.sub-menu{display:none;position:absolute;right:100%;padding-right:10%;text-align:right;width:30vw;top:0;height:100%;flex-flow:column;justify-content:center}
ul.sub-menu li{padding:8px 0;line-height:40px}
ul.sub-menu li a{text-transform:none;font-size:0.8em}
#menu-wrap #menu li li{list-style:none;font-size:1em}
#menu-wrap li.menu-item{opacity:0;transform:translatex(2vw)}
#menu-wrap.expanded li.menu-item{opacity:1;transform:translate(0, 0)}
#menu-wrap #menu .contact li{font-size:1.5em}

#header-wrap{z-index:300;top:0px;width:100%;background-color:rgba(255, 255, 255, 0);display:block;transition:background-color 0.25s ease-in-out;position:absolute}
#header{position:relative;display:block;height:65px;padding:0 2vw 20px;width:96vw}

#header #logo{position:fixed;width:140px;height:58px;top:27px;z-index:110;display:block;float:left;padding:0;background-image:url("/assets/img/logo.png");background-size:contain;background-repeat:no-repeat;transition:opacity 0.5s ease-in-out}
@media screen and (max-width:1024px){#header #logo{margin-left:10px;height:50px;top:15px}}
#header #logo a{color:#fff;width:140px;height:58px;position:relative;display:block;border:none !important}

#toggle-wrap{position:absolute;right:4vw}
@media screen and (max-width:1024px){#toggle-wrap{top:0px;right:0;display:flex;justify-content:center;align-items:center;padding:29px 15px}}
#header-wrap.not-transparent #toggle{position:fixed}
#toggle-wrap{z-index:9999999}
#toggle{text-align:left;margin-top:34px;margin-right:2vw}
@media screen and (max-width:1024px){#toggle{margin-top:5px;right:2vw}}
#toggle .bar{width:40px;height:3px;background-color:#fff;margin:7px 0;transition:all 0.1s ease-in;z-index:99999999}
#toggle .bar::before,#toggle .bar::after{content:" ";width:40px;height:3px;background-color:#fff;margin:7px 0;position:absolute;transition:all 0.1s ease-in}
#header-wrap.not-transparent #toggle .bar,#header-wrap.not-transparent #toggle .bar:before,#header-wrap.not-transparent #toggle .bar:after{background-color:#f26532}
#header-wrap.not-transparent #toggle.expanded .bar:before,#header-wrap.not-transparent #toggle.expanded .bar:after{background-color:#fff}
#toggle .bar::before{top:-12px}
#toggle .bar::after{top:12px}
a#toggle{float:right;position:fixed;z-index:99999}
a#toggle.expanded .bar{background-color:transparent;transition:all 0.3s ease-in;transition-delay:0.1s}
a#toggle.expanded .bar::before,a#toggle.expanded .bar::after{top:0;transition:all 0.3s ease-in;transition-delay:0.1s}
a#toggle.expanded .bar::before{transform:rotate(45deg)}
a#toggle.expanded .bar::after{transform:rotate(-45deg)}

/* The original theme had no border-box reset; keep its content-box sizing
   so 92vw + 4vw + 4vw padding still spans exactly 100vw. */
#menu-wrap,#header,#header-wrap,#nav-wrap,#toggle-wrap,#toggle,#toggle *,#menu,#menu *{box-sizing:content-box}