.elementor-340 .elementor-element.elementor-element-166fdd03{--display:flex;--min-height:8vh;--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:space-between;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-340 .elementor-element.elementor-element-7fa16945{text-align:start;width:var( --container-widget-width, 14.256% );max-width:14.256%;--container-widget-width:14.256%;--container-widget-flex-grow:0;}.elementor-340 .elementor-element.elementor-element-7fa16945.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-menu-toggle{margin-left:auto;background-color:rgba(255, 255, 255, 0);}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;}.elementor-340 .elementor-element.elementor-element-7b556dd .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-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main .elementor-item:hover, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main .elementor-item.highlighted, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-340 .elementor-element.elementor-element-7b556dd{--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown{background-color:#F2EFEC;border-style:solid;border-color:#000000;border-radius:-1px -1px -1px -1px;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a:hover, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a:focus, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a.highlighted, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-menu-toggle:hover, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-menu-toggle:focus{color:#000000;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a:hover, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a:focus, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a.highlighted{background-color:#F2EFEC;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#F2EFEC;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:-1px;border-top-right-radius:-1px;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:-1px;border-bottom-left-radius:-1px;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#000000;border-bottom-width:1px;}.elementor-340 .elementor-element.elementor-element-7b556dd div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-340 .elementor-element.elementor-element-7b556dd div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-340 .elementor-element.elementor-element-7b556dd div.elementor-menu-toggle:hover, .elementor-340 .elementor-element.elementor-element-7b556dd div.elementor-menu-toggle:focus{color:#ACA298;}.elementor-340 .elementor-element.elementor-element-7b556dd div.elementor-menu-toggle:hover svg, .elementor-340 .elementor-element.elementor-element-7b556dd div.elementor-menu-toggle:focus svg{fill:#ACA298;}.elementor-340 .elementor-element.elementor-element-6ae4fdb2{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:18px;--grid-column-gap:20px;--grid-row-gap:0px;width:var( --container-widget-width, 180px );max-width:180px;--container-widget-width:180px;--container-widget-flex-grow:0;}.elementor-340 .elementor-element.elementor-element-6ae4fdb2 .elementor-social-icon{background-color:var( --e-global-color-primary );--icon-padding:0em;}.elementor-340 .elementor-element.elementor-element-6ae4fdb2 .elementor-social-icon i{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-6ae4fdb2 .elementor-social-icon svg{fill:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-6ae4fdb2 .elementor-social-icon:hover{background-color:var( --e-global-color-accent );}.elementor-340 .elementor-element.elementor-element-6ae4fdb2 .elementor-social-icon:hover i{color:var( --e-global-color-text );}.elementor-340 .elementor-element.elementor-element-6ae4fdb2 .elementor-social-icon:hover svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:29px !important;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-340 .elementor-element.elementor-element-7fa16945{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-340 .elementor-element.elementor-element-7b556dd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}.elementor-340 .elementor-element.elementor-element-6ae4fdb2{--icon-size:15px;--grid-column-gap:10px;width:auto;max-width:auto;}}/* Start custom CSS for container, class: .elementor-element-166fdd03 *//* ============================================================ MINNERLY MEDIA โ€” HEADER CONTAINER (Acrylic Glass ยท v1) Paste into: Container > Advanced > Custom CSS `.elementor-340 .elementor-element.elementor-element-166fdd03` = this header Container. SETUP (3 things): 1. Container > Advanced > Motion Effects > Sticky: Top (this is what triggers the frosted glass on scroll) 2. Nav Menu widget > Style > Pointer: None (so the underline below is the only hover effect) 3. Leave the Container background transparent in Normal state. ============================================================ */ .elementor-340 .elementor-element.elementor-element-166fdd03{ --mm-blue:#1E90E8; --mm-blue-2:#5BB3F0; --mm-mint:#06D6A0; --mm-text:#F0F0F0; --mm-muted:#8A8F99; position:relative; transition:background .5s ease, backdrop-filter .5s ease, box-shadow .5s ease, padding .45s cubic-bezier(.2,.9,.3,1); } /* Hairline that fades in once the bar frosts */ .elementor-340 .elementor-element.elementor-element-166fdd03::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,rgba(91,179,240,.35),transparent); opacity:0; transition:opacity .5s ease; pointer-events:none; } /* ---- Frosted acrylic state (Elementor adds this class on scroll) ---- */ .elementor-340 .elementor-element.elementor-element-166fdd03.elementor-sticky--effects{ background:linear-gradient(180deg, rgba(10,20,36,.66) 0%, rgba(8,14,26,.80) 100%) !important; backdrop-filter:blur(22px) saturate(160%); -webkit-backdrop-filter:blur(22px) saturate(160%); box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 34px rgba(0,0,0,.45), 0 0 30px rgba(91,179,240,.07); padding-top:12px !important; padding-bottom:12px !important; } .elementor-340 .elementor-element.elementor-element-166fdd03.elementor-sticky--effects::after{ opacity:1; } /* ---- Logo image ---- */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-widget-image{ position:relative; overflow:hidden; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-widget-image img{ transition:filter .45s ease, transform .45s cubic-bezier(.2,.9,.3,1); } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-widget-image:hover img{ transform:translateY(-2px) scale(1.015); filter:drop-shadow(0 0 20px rgba(91,179,240,.45)); } /* Light sweep across the logo on hover */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-widget-image::before{ content:''; position:absolute; top:0; bottom:0; left:-60%; width:45%; background:linear-gradient(100deg, transparent 0%, rgba(91,179,240,.12) 35%, rgba(255,255,255,.32) 50%, rgba(6,214,160,.12) 65%, transparent 100%); transform:skewX(-18deg); pointer-events:none; opacity:0; z-index:2; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-widget-image:hover::before{ animation:mm-logo-sweep .9s cubic-bezier(.2,.9,.3,1) forwards; } @keyframes mm-logo-sweep{ 0% { left:-60%; opacity:0; } 15% { opacity:1; } 85% { opacity:1; } 100% { left:120%; opacity:0; } } /* ---- Menu links ---- */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu .elementor-item, .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-item{ position:relative; color:rgba(240,240,240,.68) !important; font-weight:500 !important; letter-spacing:2px !important; text-transform:uppercase; transition:color .35s ease, text-shadow .35s ease; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-item::after{ content:''; position:absolute; left:0; right:0; bottom:-6px; height:1px; background:var(--mm-mint); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.2,.9,.3,1); } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-item:hover{ color:var(--mm-mint) !important; text-shadow:0 0 16px rgba(6,214,160,.4); } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-item:hover::after{ transform:scaleX(1); } /* Current page */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-item.elementor-item-active{ color:var(--mm-blue) !important; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-item.elementor-item-active::after{ transform:scaleX(1); background:var(--mm-blue); } /* ---- Dropdown / mobile menu panel โ€” glowing frosted sapphire glass ---- */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown, .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu__container.elementor-nav-menu--dropdown{ background:linear-gradient(180deg, rgba(20,42,78,.62) 0%, rgba(10,20,36,.70) 100%) !important; backdrop-filter:blur(26px) saturate(180%) brightness(1.15); -webkit-backdrop-filter:blur(26px) saturate(180%) brightness(1.15); border:1px solid rgba(91,179,240,.28) !important; box-shadow:inset 0 1px 0 rgba(160,210,255,.22), inset 0 0 40px rgba(91,179,240,.10), 0 20px 60px rgba(0,0,0,.5), 0 0 50px rgba(30,144,232,.20); } /* Kill Elementor's per-item background bars โ€” only the word reacts */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown .elementor-item, .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown a.elementor-item{ background-color:transparent !important; background:transparent !important; border:none !important; border-bottom:1px solid rgba(91,179,240,.10) !important; color:rgba(240,240,240,.78) !important; transition:color .3s ease, text-shadow .3s ease !important; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown .elementor-item::after{ display:none; } /* no underline when stacked */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown .elementor-item:focus{ background-color:transparent !important; background:transparent !important; color:var(--mm-mint) !important; text-shadow:0 0 18px rgba(6,214,160,.45); } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{ background:transparent !important; color:var(--mm-blue) !important; } /* Mobile hamburger glyph */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-menu-toggle{ color:var(--mm-text) !important; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-menu-toggle svg{ fill:var(--mm-text); } /* ---- Social icons ---- */ .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-social-icon{ background-color:transparent !important; transition:transform .35s ease, filter .35s ease; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-social-icon i, .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-social-icon svg{ color:var(--mm-muted) !important; fill:var(--mm-muted) !important; transition:color .35s ease, fill .35s ease; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-social-icon:hover{ transform:translateY(-2px); filter:drop-shadow(0 0 10px rgba(6,214,160,.5)); } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-social-icon:hover i, .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-social-icon:hover svg{ color:var(--mm-mint) !important; fill:var(--mm-mint) !important; } /* ---- Reduced motion ---- */ @media (prefers-reduced-motion:reduce){ .elementor-340 .elementor-element.elementor-element-166fdd03, .elementor-340 .elementor-element.elementor-element-166fdd03 *{ transition:none !important; } .elementor-340 .elementor-element.elementor-element-166fdd03 .elementor-widget-image:hover::before{ animation:none !important; } }/* End custom CSS */