.elementor-3695 .elementor-element.elementor-element-4e5eb58f{--display:grid;--position:absolute;--min-height:120px;--e-con-grid-template-rows:1;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--grid-auto-flow:column;--align-items:center;--grid-align-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;top:0px;--z-index:95;}.elementor-3695 .elementor-element.elementor-element-4e5eb58f:not(.elementor-motion-effects-element-type-background), .elementor-3695 .elementor-element.elementor-element-4e5eb58f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-3695 .elementor-element.elementor-element-4e5eb58f{left:0px;}body.rtl .elementor-3695 .elementor-element.elementor-element-4e5eb58f{right:0px;}.elementor-3695 .elementor-element.elementor-element-1f08a613{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3695 .elementor-element.elementor-element-1f08a613.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-3695 .elementor-element.elementor-element-4ba8218{text-align:start;}.elementor-3695 .elementor-element.elementor-element-4ba8218 img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center center;}.elementor-3695 .elementor-element.elementor-element-428aa8ea{--display:flex;--min-height:30px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3695 .elementor-element.elementor-element-428aa8ea.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0{width:100%;max-width:100%;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0.elementor-element{--align-self:center;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;line-height:1px;letter-spacing:-0.4px;word-spacing:0px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main .elementor-item:hover, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed .elementor-item:before, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-underline .elementor-item:after, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-overline .elementor-item:before, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-double-line .elementor-item:before, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown{background-color:#F3F5F8;border-style:solid;border-color:#CCCCCC;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a:hover, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a:focus, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a.highlighted, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-menu-toggle:hover, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a:hover, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a:focus, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown .elementor-item, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#CCCCCC;border-bottom-width:2px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 div.elementor-menu-toggle{color:#00A69E;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 div.elementor-menu-toggle svg{fill:#00A69E;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-menu-toggle{background-color:#02010100;}.elementor-3695 .elementor-element.elementor-element-684c23fd{--display:flex;--min-height:0px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3695 .elementor-element.elementor-element-684c23fd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button{background-color:transparent;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 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );background-image:linear-gradient(180deg, #C7E9E700 0%, #FDFDFD00 0%);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );}.elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button:hover, .elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(290deg, #1B4859 0%, #02954B 90%);}.elementor-3695 .elementor-element.elementor-element-4a9f105f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3695 .elementor-element.elementor-element-4a9f105f.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button:hover svg, .elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3695 .elementor-element.elementor-element-6b7f0ca9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3695 .elementor-element.elementor-element-6b7f0ca9.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-3695 .elementor-element.elementor-element-6b7f0ca9 .elementor-button{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 );fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1280px){.elementor-3695 .elementor-element.elementor-element-4e5eb58f{--grid-auto-flow:row;}.elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-3695 .elementor-element.elementor-element-6b7f0ca9 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1200px){.elementor-3695 .elementor-element.elementor-element-4e5eb58f{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-3695 .elementor-element.elementor-element-4e5eb58f{--min-height:120px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-3695 .elementor-element.elementor-element-4ba8218 img{width:100%;max-width:100%;height:73px;}.elementor-3695 .elementor-element.elementor-element-428aa8ea{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-3695 .elementor-element.elementor-element-428aa8ea.e-con{--order:3;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0.elementor-element{--align-self:center;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu .elementor-item{font-size:8px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown .elementor-item, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:17px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown{border-width:0px 0px 4px 0px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:18px;padding-bottom:18px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0{--nav-menu-icon-size:35px;}.elementor-3695 .elementor-element.elementor-element-684c23fd.e-con{--order:2;}.elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button{font-size:var( --e-global-typography-accent-font-size );padding:14px 35px 14px 35px;}.elementor-3695 .elementor-element.elementor-element-6b7f0ca9 .elementor-button{font-size:var( --e-global-typography-accent-font-size );padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-3695 .elementor-element.elementor-element-4e5eb58f{--min-height:100px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3695 .elementor-element.elementor-element-1f08a613{--width:100%;}.elementor-3695 .elementor-element.elementor-element-4ba8218 img{width:150px;max-width:100%;height:auto;}.elementor-3695 .elementor-element.elementor-element-428aa8ea{--width:50%;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0{width:var( --container-widget-width, 202.047px );max-width:202.047px;--container-widget-width:202.047px;--container-widget-flex-grow:0;--nav-menu-icon-size:35px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3695 .elementor-element.elementor-element-6a9a2fc0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-3695 .elementor-element.elementor-element-4a9f105f .elementor-button{font-size:var( --e-global-typography-accent-font-size );padding:12px 25px 12px 25px;}.elementor-3695 .elementor-element.elementor-element-6b7f0ca9 .elementor-button{font-size:var( --e-global-typography-accent-font-size );padding:12px 25px 12px 25px;}}@media(min-width:768px){.elementor-3695 .elementor-element.elementor-element-4e5eb58f{--width:100%;}.elementor-3695 .elementor-element.elementor-element-1f08a613{--width:100%;}.elementor-3695 .elementor-element.elementor-element-428aa8ea{--width:100%;}.elementor-3695 .elementor-element.elementor-element-684c23fd{--width:max-content;}}@media(max-width:1024px) and (min-width:768px){.elementor-3695 .elementor-element.elementor-element-1f08a613{--width:150px;}.elementor-3695 .elementor-element.elementor-element-428aa8ea{--width:100%;}.elementor-3695 .elementor-element.elementor-element-684c23fd{--width:100%;}}/* Start custom CSS *//************** MENU GRID **************/ /* default layout and column sizes for 3 cols: logo, menu, buttons */ .e360-menu { grid-template-columns: 190px 1fr fit-content(300px) !important; padding-inline: 7%; margin-inline: auto !important; min-width:100%; /*background-color: #ffffff80 !important;*/ background: linear-gradient( to bottom, #ffffff 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100% ); transition: padding 0.25s ease, margin 0.25s ease, opacity 0.25s ease, grid-template-columns 0.25s ease, background 0.5s ease, background-color 0.5s ease, box-shadow 0.25s ease, height 0.25s ease, width 0.25s ease; /*transition: all 5s ease;*/ } /************** STICKY MENU **************/ /* attached when "stickiness" invoked based on scroll offset */ /* scroll offset is set in mouse transition effect tab for header*/ .e360-menu.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0px 5px 15px rgba(0,0,0,0.1) !important; } .elementor-nav-menu__container a.elementor-item.has-submenu .sub-arrow i.fas { transition: all .25s ease; } .elementor-nav-menu__container a.elementor-item.has-submenu.highlighted .sub-arrow i.fas { transform: rotate(-180deg); } .e360-nav-wrap > nav.elementor-nav-menu--dropdown { position: fixed !important; top: 120px !important; left: 0 !important; bottom: 0 !important; margin: 0 !important; background: #fff !important; width: 100%; /*height: 100%;*/ background-image: linear-gradient( 350deg, rgba(27, 72, 89, 1) 8%, rgba(2, 149, 75, 1) 26%, rgba(255, 255, 255, 1) 65%) !important; background-position-y: 10px !important; background-repeat: no-repeat !important; /*background: #fff !important;*/ border: 0 !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul { border-top: 2px solid #00A69E80 !important; border-bottom: 2px solid #00A69E80 !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown a { outline: none !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li > a { font-weight: 600 !important; height: 60px; color: #2a2a2a; transition: all .25s ease; background: rgba(255, 255, 255, .75); } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li > a:focus { color: #024b48 !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li > a:hover { color: #024b48 !important; background: #00a69e24 !important; background: #e4f6f4 !important; background: rgba(228, 246, 244, .9) !important; /*background: #00a69e !important;*/ } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li > a.highlighted { background: #00958E !important; background: #006e69 !important; color: #fff !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children:has(> a.has-submenu.highlighted) { border: 0; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children:has(> a.has-submenu.highlighted) > ul.sub-menu { border-color: #006e69; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu { background: #e8ece8; background: #c7e2de2b; background: rgba(255, 255, 255, .75); } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a.elementor-item-active { font-weight: 800; background: none !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a { padding-left: 30px; font-size: 14px !important; height: 40px; transition: none; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a::before { display:none !important; /* content: "\f118";*/ /* content: "\f138";*/ /* content: "\f0a9";*/ /*font-size: 20px;*/ /*margin-right: 10px;*/ /*font-weight:900;*/ /*font-family: 'Font Awesome 5 Free';*/ /*color: #33333380;*/ /*color: #024b4880;*/ /*color: #024b486f;*/ /*color: #3333334f;*/ /*color: #024b484f;*/ /*transform: scale(1.1);*/ /*transition: none;*/ } /*.e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a:focus::before */ .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a:hover::before { color: #33333380; color: #024b48; color: #024b4880; color: #024b48cf; transform: scale(1.2); transition: all .25s ease; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a:focus { color: #2a2a2a !important; } .e360-nav-wrap > nav.elementor-nav-menu--dropdown > ul > li.menu-item-has-children > ul.sub-menu > li a:hover { color: #02736e; color: #024b48; background: #00a69e24; transition: all .25s ease; } /************** MENU ITEMS -- COL1 **************/ /* menu items are selfish and use most of the avail space */ .e360-menu-1 { min-width: max-content; z-index: 999; } /* align these guys to the right so they sit next to buttons */ .e360-menu-1 > div { /*align-items: flex-end;*/ } .e360-menu-1 > div > nav.elementor-nav-menu--main > ul { min-height: 30px; } /************** BUTTONS -- COL2 **************/ /* normalizes off-by-one-pixel top position of buttons */ .e360-menu-2 { align-items: anchor-center; } /* breathing room next to buttons on the right */ .e360-menu-2 > .elementor-widget-button { min-width:max-content; margin-right: 20px; display: flex; } /* nix that margin on last item */ .e360-menu-2 > .elementor-widget-button:last-child { margin-right:0; } /* button position and size (styles defined in editor UI) */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link { display: flex; align-items: center; justify-content: center; padding:0; min-height: 55px; width:100% !important; min-width: 162px; } /************** ≥ 1675px **************/ @media (min-width: 1675px) { /* large screens clamp header width at 1440px via dynamic padding */ .e360-menu { padding-inline: max(0px, calc((100vw - 1440px) / 2)); /*transition: none;*/ transition: /*padding 0.25s ease,*/ margin 0.25s ease, opacity 0.25s ease, /*grid-template-columns 0.25s ease,*/ background 0.5s ease, background-color 0.5s ease, box-shadow 0.25s ease, height 0.25s ease, width 0.25s ease; } } /************** ≤ 1440px **************/ @media (max-width: 1440px) { /* smaller screen size widens avail menu space by reducing padding*/ .e360-menu { padding-inline: 3%; } } /************** ≤ 1280px **************/ @media (max-width: 1280px) { /* lock logo width at 150px at this point */ .e360-menu { grid-template-columns: 150px 1fr fit-content(300px) !important; } /* tighten up breathing room next to the buttons */ .e360-menu-2 > .elementor-widget-button { margin-right: 10px; } /* tweak button width and nudge font size down a bit */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link { min-width:150px; font-size:15px !important; } } /************** ≤ 1200px **************/ @media (max-width: 1200px) { /* tighten up space between menu items */ .e360-menu-1 nav.elementor-nav-menu--main > ul > li > a { margin: 0 20px 0 0 !important; /*margin: 0 !important;*/ /*margin-inline: 0 !important;*/ /*margin-right: 20px !important;*/ /*margin-inline-end: 20px !important;*/ } /* ... and for the last item nix that space entirely */ .e360-menu-1 nav.elementor-nav-menu--main > ul > li:last-child > a { margin-right: 0 !important; margin-inline-end: 0 !important; } /* button width reduced again */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link { min-width:100px; } /* button text change trick, we hide the span containing current text... */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link > .elementor-button-content-wrapper > .elementor-button-text { display: none; } /* ... and inject shorter text via pseudo element for book button */ .e360-menu-2 > .elementor-widget-button.e360-book > a.elementor-button-link > .elementor-button-content-wrapper::after { content: "Buy Book"; } /* ... and again for contact button */ .e360-menu-2 > .elementor-widget-button.e360-contact > a.elementor-button-link > .elementor-button-content-wrapper::after { content: "Contact"; } } /************** ≤ 1024px **************/ @media (max-width: 1024px) { /* nix animations at this point since it's ugly when swapping cols */ .e360-menu { grid-template-columns: 150px 1fr 150px !important; transition: opacity .25s ease, box-shadow .25s ease, background .25s ease; } .e360-menu-1 { width:100%; justify-content: end; } .e360-menu-1 > div { width: min-content !important; } .elementor-menu-toggle { width: min-content; } .e360-menu:has(.elementor-menu-toggle.elementor-active) { background: #fff !important; } .e360-menu-2 > .elementor-widget-button > a.elementor-button-link { transition: none; } body div.e360-nav-wrap.elementor-element.elementor-widget-nav-menu > nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; margin: 0 !important; margin-top: 0 !important; top: 120px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; /*--menu-height: auto !important;*/ border: 0; } /* more room now due to hamburger menu so revert our button text tricks */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link > .elementor-button-content-wrapper::after { content: ""; display: none; } /* show original button text again */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link > .elementor-button-content-wrapper > .elementor-button-text { display: block; } .e360-menu-2 > .elementor-widget-button { margin: 0; margin-right: 20px !important; width: max-content !important; transition: none; } .e360-menu-2 > .elementor-widget-button:first-child { /*margin-right: 80px;*/ margin-right: 0 !important; } /* other mq adds padding... so kill it and set static width */ .e360-menu-2 > .elementor-widget-button > a.elementor-button-link { padding: 0 !important; min-width: auto; max-width: none; /*width: 162px !important;*/ /*width: 190px !important;*/ width: 25vw !important; font-size:17px !important; } /* mockup calls for contact button to come first */ .e360-menu-2 { flex-direction: row-reverse !important; display: inline-flex; justify-content: center; margin-left: 54.5px; } } /************** ≤ 767px **************/ @media (max-width: 767px) { .e360-menu { /*grid-template-columns: 150px 1fr 150px !important;*/ /*grid-template-columns: 150px 150px !important;*/ grid-template-columns: 1fr 1fr !important; transition: opacity .25s ease, box-shadow .25s ease, background .25s ease; } .e360-menu:has(.elementor-menu-toggle.elementor-active) { background: #fff !important; } body div.e360-nav-wrap.elementor-element.elementor-widget-nav-menu > nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; margin: 0 !important; margin-top: 0 !important; top: 100px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; /*--menu-height: auto !important;*/ border: 0; } /* nix animations at this point since it's ugly when swapping cols */ .e360-menu-1 { width:100%; justify-content: end; } .e360-menu-1 > div { width: min-content !important; } .elementor-menu-toggle { width: min-content; } .e360-menu-2 { display: none !important; } }/* End custom CSS */