.elementor-4286 .elementor-element.elementor-element-89fc7b9{--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;--justify-content:space-around;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:-125px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-4286 .elementor-element.elementor-element-89fc7b9:not(.elementor-motion-effects-element-type-background), .elementor-4286 .elementor-element.elementor-element-89fc7b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.she-header-transparent-yes{position:absolute;}.elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header .elementor-widget-theme-site-logo, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header .elementor-widget-image, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header .logo{-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0);}.elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header .elementor-widget-n-menu .elementor-widget-image, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header .not-logo{-webkit-filter:none;filter:none;}.elementor-4286 .elementor-element.elementor-element-89fc7b9.e-con{--align-self:flex-start;}.elementor-4286 .elementor-element.elementor-element-b1c39cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4286 .elementor-element.elementor-element-05020f9{--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:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4286 .elementor-element.elementor-element-05020f9.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo-container, .elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-caption-width figcaption{text-align:center;}.elementor-4286 .elementor-element.elementor-element-ff22581 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-4286 .elementor-element.elementor-element-ff22581{width:auto;max-width:auto;}.elementor-4286 .elementor-element.elementor-element-ff22581 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 010px;}.elementor-4286 .elementor-element.elementor-element-ff22581.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo-set .hfe-site-logo-container{background-color:#FFFFFF00;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0s;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo:hover img{opacity:1;}.elementor-4286 .elementor-element.elementor-element-c0286e8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4286 .elementor-element.elementor-element-c0286e8.e-con{--align-self:flex-start;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu{border-radius:10px 10px 10px 10px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu li.menu-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu li.menu-item:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow:hidden;}.elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown{border-radius:10px 10px 10px 10px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li.menu-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}.elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li.menu-item:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow:hidden;}.elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible{border-radius:10px 10px 10px 10px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li.menu-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}.elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li.menu-item:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow:hidden;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu a.hfe-sub-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-4286 .elementor-element.elementor-element-59b39d7{width:100%;max-width:100%;}.elementor-4286 .elementor-element.elementor-element-59b39d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4286 .elementor-element.elementor-element-59b39d7.elementor-element{--align-self:center;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-nav-menu__toggle{margin-left:auto;}.elementor-4286 .elementor-element.elementor-element-59b39d7 a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 a.hfe-sub-menu-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:24px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu a.hfe-sub-menu-item{color:#FFFFFF;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown, .elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-dropdown-expandible{background-color:#FFFFFF00;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu a.hfe-sub-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item.current-menu-item a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item.highlighted, .elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item a.hfe-menu-item:focus{color:#0072CE;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item.current-menu-item a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 .menu-item.current-menu-ancestor a.hfe-menu-item{color:#0072CE;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu a.hfe-sub-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 .elementor-menu-toggle, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:#000000;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#FFFFFF94;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu a.hfe-sub-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 .elementor-menu-toggle:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-sub-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover{color:#000000;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu a.hfe-sub-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li a.hfe-sub-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover{background-color:#FFFFFF;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .sub-menu li.menu-item:not(:last-child), .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-4286 .elementor-element.elementor-element-59b39d7 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 div.hfe-nav-menu-icon{color:#0072CE99;}.elementor-4286 .elementor-element.elementor-element-59b39d7 div.hfe-nav-menu-icon svg{fill:#0072CE99;}.elementor-4286 .elementor-element.elementor-element-3d3e35f{--display:flex;--min-height:-10px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4286 .elementor-element.elementor-element-64783f1 .elementor-button{background-color:#FF0000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:24px;border-radius:10px 10px 10px 10px;padding:10px 30px 16px 30px;}.elementor-4286 .elementor-element.elementor-element-64783f1 .elementor-button:hover, .elementor-4286 .elementor-element.elementor-element-64783f1 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5) inset;}.elementor-4286 .elementor-element.elementor-element-64783f1{width:auto;max-width:auto;}.elementor-4286 .elementor-element.elementor-element-64783f1 .elementor-button:hover svg, .elementor-4286 .elementor-element.elementor-element-64783f1 .elementor-button:focus svg{fill:var( --e-global-color-text );}@media(max-width:767px){.elementor-4286 .elementor-element.elementor-element-89fc7b9{--flex-wrap:nowrap;}.elementor-4286 .elementor-element.elementor-element-b1c39cf{--flex-wrap:nowrap;}.elementor-4286 .elementor-element.elementor-element-05020f9{--width:72px;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo .hfe-site-logo-container img{width:450%;}.elementor-4286 .elementor-element.elementor-element-ff22581 .hfe-site-logo img{max-width:500%;}.elementor-4286 .elementor-element.elementor-element-ff22581{width:var( --container-widget-width, 59px );max-width:59px;--container-widget-width:59px;--container-widget-flex-grow:0;}.elementor-4286 .elementor-element.elementor-element-ff22581 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 ul.sub-menu{width:0px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-nav-menu-icon{font-size:30px;border-radius:0px;}.elementor-4286 .elementor-element.elementor-element-59b39d7 .hfe-nav-menu-icon svg{font-size:30px;line-height:30px;height:30px;width:30px;}.elementor-4286 .elementor-element.elementor-element-59b39d7{width:auto;max-width:auto;}.elementor-4286 .elementor-element.elementor-element-59b39d7.elementor-element{--align-self:flex-end;}.elementor-4286 .elementor-element.elementor-element-3d3e35f{--min-height:0px;}.elementor-4286 .elementor-element.elementor-element-64783f1 .elementor-button{font-size:10px;border-radius:10px 10px 10px 10px;padding:4px 10px 4px 10px;}}@media(min-width:768px){.elementor-4286 .elementor-element.elementor-element-89fc7b9{--width:100%;}.elementor-4286 .elementor-element.elementor-element-05020f9{--width:22%;}.elementor-4286 .elementor-element.elementor-element-c0286e8{--width:70%;}.elementor-4286 .elementor-element.elementor-element-3d3e35f{--width:17%;}}/* Start custom CSS for container, class: .elementor-element-3d3e35f */@media (max-width: 767px) { /* 1. HIDE THE REQUEST QUOTE BUTTON */ /* This removes the overflow and the "crowded" feeling */ .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-column:last-child { display: none !important; } /* 2. REORDER THE LAYOUT */ .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-container { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; } /* Move Hamburger to Position 1 (Left) */ .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-column:nth-child(2) { order: 1 !important; width: 20% !important; } /* Move Logo to Position 2 (Right of Hamburger) */ .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-column:first-child { order: 2 !important; width: 80% !important; } /* 3. STYLE THE HAMBURGER (LEFT ALIGN) */ .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-menu-toggle { text-align: left !important; margin-left: 0 !important; color: #ff0000 !important; /* Brand Red */ } /* 4. LOGO SIZE & ALIGNMENT */ .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-widget-image { text-align: left !important; } .elementor-4286 .elementor-element.elementor-element-3d3e35f .elementor-widget-image img { max-height: 45px !important; width: auto !important; margin-left: 10px; } /* 5. TIGHTEN THE HEADER BAR */ .elementor-4286 .elementor-element.elementor-element-3d3e35f { min-height: 60px !important; background-color: #000000 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-89fc7b9 *//* ============================================================ TOKYO MOTORS STICKY HEADER (Refined Rest + White/Black Scroll) ============================================================ */ /* 1. SETUP TRANSITIONS (Smooth Animations) */ .elementor-4286 .elementor-element.elementor-element-89fc7b9, .elementor-4286 .elementor-element.elementor-element-89fc7b9 img, .elementor-4286 .elementor-element.elementor-element-89fc7b9 .elementor-button, .elementor-4286 .elementor-element.elementor-element-89fc7b9 .elementor-nav-menu a, .elementor-4286 .elementor-element.elementor-element-89fc7b9 .elementor-item { transition: all 0.3s ease-in-out !important; } /* 2. BASE STATE (At the top of the page - Transparent & Normal Height) */ .elementor-4286 .elementor-element.elementor-element-89fc7b9 { background-color: transparent !important; min-height: 80px !important; } /* Base Logo Size (Top of Page) */ .elementor-4286 .elementor-element.elementor-element-89fc7b9 img { max-height: 55px !important; width: auto !important; } /* Base Button Padding (Top of Page) */ .elementor-4286 .elementor-element.elementor-element-89fc7b9 .elementor-button { padding: 12px 24px !important; font-size: 14px !important; } /* ============================================================ 3. STICKY STATE (When scrolling down -> Turn White & Shrink) ============================================================ */ html body .she-header, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header { background-color: #FFFFFF !important; min-height: 60px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; } /* Logo Size on Scroll */ html body .she-header img, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header img { max-height: 40px !important; } /* Button Size on Scroll */ html body .she-header .elementor-button, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header .elementor-button { padding: 8px 18px !important; font-size: 12px !important; } /* ============================================================ 4. FORCE ALL NAV LINKS & ARROWS TO SOLID BLACK ON SCROLL ============================================================ */ html body .she-header .elementor-nav-menu a, html body .she-header .elementor-nav-menu a.elementor-item, html body .she-header .elementor-nav-menu .elementor-sub-item, html body .she-header .elementor-menu-toggle, html body .she-header .elementor-item, html body .she-header a { color: #000000 !important; } /* Dropdown Arrows to Black */ html body .she-header .sub-arrow i, html body .she-header .sub-arrow svg, html body .she-header .elementor-nav-menu .sub-arrow { color: #000000 !important; fill: #000000 !important; } /* ------------------------------------------------------------ HOVER & ACTIVE STATES (HIGH SPECIFICITY OVERRIDE) ------------------------------------------------------------ */ /* Top of page hover */ .elementor-4286 .elementor-element.elementor-element-89fc7b9 .elementor-nav-menu a:hover, .elementor-4286 .elementor-element.elementor-element-89fc7b9 .elementor-nav-menu .elementor-item:hover { color: #0072CE !important; } /* Scrolled hover (overrides the solid black rule above) */ html body .she-header .elementor-nav-menu a:hover, html body .she-header .elementor-nav-menu a.elementor-item:hover, html body .she-header .elementor-nav-menu .elementor-item:hover, html body .she-header .elementor-nav-menu .elementor-sub-item:hover, html body .she-header .elementor-nav-menu a.elementor-item.elementor-item-active, html body .she-header a:hover { color: #0072CE !important; /* Electric Blue */ } /* Hover effect on dropdown arrows */ html body .she-header .elementor-nav-menu .elementor-item:hover .sub-arrow i, html body .she-header .elementor-nav-menu .elementor-item:hover .sub-arrow svg { color: #0072CE !important; fill: #0072CE !important; } /* ============================================================ 5. ELECTRIC BLUE GLOW BOTTOM LINE ============================================================ */ .elementor-4286 .elementor-element.elementor-element-89fc7b9::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #0072CE; box-shadow: 0px 0px 10px rgba(0, 114, 206, 0.8); opacity: 0; transition: opacity 0.3s ease; } /* Show Glow Line on Scroll */ html body .she-header::after, .elementor-4286 .elementor-element.elementor-element-89fc7b9.she-header::after { opacity: 1; } /* 6. CLEANUP GHOST ELEMENTS */ .category-menu-.elementor-4286 .elementor-element.elementor-element-89fc7b9, .floating-category-text, .widget-area-ghost { display: none !important; }/* End custom CSS */