.elementor-31332 .elementor-element.elementor-element-af88f1d{--display:flex;--min-height:84px;--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:0px 24px;--row-gap:0px;--column-gap:24px;--flex-wrap:nowrap;--padding-top:20px;--padding-bottom:20px;--padding-left:44px;--padding-right:44px;}.elementor-31332 .elementor-element.elementor-element-af88f1d:not(.elementor-motion-effects-element-type-background), .elementor-31332 .elementor-element.elementor-element-af88f1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-31332 .elementor-element.elementor-element-58438ae{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:start;}.elementor-31332 .elementor-element.elementor-element-58438ae.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-58438ae .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-size:30px;font-weight:500;letter-spacing:1.4px;color:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-4c84c7c{--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:flex-end;--align-items:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-4c84c7c:not(.elementor-motion-effects-element-type-background), .elementor-31332 .elementor-element.elementor-element-4c84c7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-31332 .elementor-element.elementor-element-24a2c91.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-menu-toggle{margin:0 auto;}.elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu .elementor-item{font-family:"Cormorant Infant", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1.6px;}.elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu--main .elementor-item{color:rgba(244,241,234,0.82);fill:rgba(244,241,234,0.82);}.elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu--main .elementor-item:hover, .elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu--main .elementor-item:focus{color:#F4F1EA;fill:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-bcf758b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-31332 .elementor-element.elementor-element-bcf758b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-bcf758b .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-size:14px;font-weight:600;letter-spacing:1.2px;color:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-05f8f1a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle{margin-left:auto;}.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown a, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle{color:rgba(244,241,234,0.80);fill:rgba(244,241,234,0.80);}.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown a:hover, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown a:focus, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown a.highlighted, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle:hover, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle:focus{color:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown .elementor-item, .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Cormorant Infant", Sans-serif;font-size:22px;font-weight:500;}.elementor-31332 .elementor-element.elementor-element-05f8f1a div.elementor-menu-toggle{color:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-05f8f1a div.elementor-menu-toggle svg{fill:#F4F1EA;}.elementor-31332 .elementor-element.elementor-element-lvm0001{--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:flex-start;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:24px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-31332 .elementor-element.elementor-element-lvm0001:not(.elementor-motion-effects-element-type-background), .elementor-31332 .elementor-element.elementor-element-lvm0001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0908;}.elementor-31332 .elementor-element.elementor-element-lvm0010{--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-between;--align-items:stretch;--gap:26px 0px;--row-gap:26px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:22px 22px 22px 22px;--padding-top:38px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}.elementor-31332 .elementor-element.elementor-element-lvm0010:not(.elementor-motion-effects-element-type-background), .elementor-31332 .elementor-element.elementor-element-lvm0010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EB;}.elementor-31332 .elementor-element.elementor-element-lvm0010.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-31332 .elementor-element.elementor-element-lvm0004{--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:space-between;--align-items:center;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31332 .elementor-element.elementor-element-lvm0004.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0002{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:start;}.elementor-31332 .elementor-element.elementor-element-lvm0002.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0002 .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-size:26px;font-weight:500;line-height:1em;letter-spacing:1.4px;color:#0A0908;}.elementor-31332 .elementor-element.elementor-element-lvm0003{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:12px 0px 12px 16px;text-align:end;}.elementor-31332 .elementor-element.elementor-element-lvm0003.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0003 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.22em;color:rgba(10,9,8,0.62);}.elementor-31332 .elementor-element.elementor-element-lvm0005.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu .elementor-item{font-family:"Cormorant Infant", Sans-serif;font-size:32px;font-weight:400;line-height:1.28em;letter-spacing:-0.004em;}.elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu--main .elementor-item{color:rgba(10,9,8,0.86);fill:rgba(10,9,8,0.86);padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu--main .elementor-item:hover, .elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu--main .elementor-item:focus{color:#6d0000;fill:#6d0000;}.elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#6d0000;}.elementor-31332 .elementor-element.elementor-element-lvm0009{--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:space-between;--align-items:center;--gap:8px 18px;--row-gap:8px;--column-gap:18px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31332 .elementor-element.elementor-element-lvm0009.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0006{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:start;}.elementor-31332 .elementor-element.elementor-element-lvm0006.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0006 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.22em;color:#6d0000;}.elementor-31332 .elementor-element.elementor-element-lvm0007{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:end;}.elementor-31332 .elementor-element.elementor-element-lvm0007.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0007 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.22em;color:#6d0000;}.elementor-31332 .elementor-element.elementor-element-lvm0016{--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:flex-end;--align-items:stretch;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31332 .elementor-element.elementor-element-lvm0016.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-31332 .elementor-element.elementor-element-lvm0014{--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:center;--align-items:center;--gap:18px 0px;--row-gap:18px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.68;--border-radius:22px 22px 22px 22px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-31332 .elementor-element.elementor-element-lvm0014:not(.elementor-motion-effects-element-type-background), .elementor-31332 .elementor-element.elementor-element-lvm0014 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loveless.co/wp-content/uploads/2025/11/New-Picture-of-us-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31332 .elementor-element.elementor-element-lvm0014::before, .elementor-31332 .elementor-element.elementor-element-lvm0014 > .elementor-background-video-container::before, .elementor-31332 .elementor-element.elementor-element-lvm0014 > .e-con-inner > .elementor-background-video-container::before, .elementor-31332 .elementor-element.elementor-element-lvm0014 > .elementor-background-slideshow::before, .elementor-31332 .elementor-element.elementor-element-lvm0014 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31332 .elementor-element.elementor-element-lvm0014 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0A0908;--background-overlay:'';}.elementor-31332 .elementor-element.elementor-element-lvm0014.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-31332 .elementor-element.elementor-element-lvm0011{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-31332 .elementor-element.elementor-element-lvm0011.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0011 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.26em;color:rgba(245,242,235,0.78);}.elementor-31332 .elementor-element.elementor-element-lvm0012{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-31332 .elementor-element.elementor-element-lvm0012.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0012 .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-size:46px;font-weight:300;line-height:1.12em;color:#F5F2EB;}.elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.22em;fill:#F5F2EB;color:#F5F2EB;border-style:solid;border-width:0px 0px 1px 0px;border-color:rgba(245,242,235,0.45);border-radius:0px 0px 0px 0px;padding:4px 2px 9px 2px;}.elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button:hover, .elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button:focus{background-color:#00000000;color:#F5F2EB;}.elementor-31332 .elementor-element.elementor-element-lvm0013.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button:hover svg, .elementor-31332 .elementor-element.elementor-element-lvm0013 .elementor-button:focus svg{fill:#F5F2EB;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button{background-color:#6d0000;font-family:"Inter", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.24em;fill:#F5F2EB;color:#F5F2EB;border-radius:22px 22px 22px 22px;padding:26px 40px 26px 40px;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button:hover, .elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button:focus{background-color:#8A0A00;color:#F5F2EB;}.elementor-31332 .elementor-element.elementor-element-lvm0015.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button:hover svg, .elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button:focus svg{fill:#F5F2EB;}.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-31332 .elementor-element.elementor-element-af88f1d{--padding-top:16px;--padding-bottom:16px;--padding-left:30px;--padding-right:30px;}.elementor-31332 .elementor-element.elementor-element-58438ae .elementor-heading-title{font-size:32px;}.elementor-31332 .elementor-element.elementor-element-lvm0001{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-31332 .elementor-element.elementor-element-lvm0010{--gap:24px 0px;--row-gap:24px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:32px;--padding-bottom:32px;--padding-left:28px;--padding-right:28px;}.elementor-31332 .elementor-element.elementor-element-lvm0010.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-31332 .elementor-element.elementor-element-lvm0004{--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu .elementor-item{font-size:26px;}.elementor-31332 .elementor-element.elementor-element-lvm0016{--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-lvm0016.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31332 .elementor-element.elementor-element-lvm0014{--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-lvm0012 .elementor-heading-title{font-size:38px;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button{padding:22px 30px 22px 30px;}}@media(max-width:767px){.elementor-31332 .elementor-element.elementor-element-af88f1d{--min-height:72px;--padding-top:14px;--padding-bottom:14px;--padding-left:22px;--padding-right:22px;}.elementor-31332 .elementor-element.elementor-element-58438ae .elementor-heading-title{font-size:34px;}.elementor-31332 .elementor-element.elementor-element-lvm0001{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-31332 .elementor-element.elementor-element-lvm0010{--gap:18px 0px;--row-gap:18px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:16px 16px 16px 16px;--padding-top:26px;--padding-bottom:26px;--padding-left:22px;--padding-right:22px;}.elementor-31332 .elementor-element.elementor-element-lvm0004{--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-lvm0005 .elementor-nav-menu .elementor-item{font-size:21px;}.elementor-31332 .elementor-element.elementor-element-lvm0007{text-align:start;}.elementor-31332 .elementor-element.elementor-element-lvm0016{--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-lvm0014{--flex-wrap:nowrap;}.elementor-31332 .elementor-element.elementor-element-lvm0012 .elementor-heading-title{font-size:32px;}.elementor-31332 .elementor-element.elementor-element-lvm0015 .elementor-button{border-radius:16px 16px 16px 16px;padding:20px 22px 20px 22px;}}@media(min-width:768px){.elementor-31332 .elementor-element.elementor-element-lvm0010{--width:500px;}.elementor-31332 .elementor-element.elementor-element-lvm0016{--width:450px;}}@media(max-width:1024px) and (min-width:768px){.elementor-31332 .elementor-element.elementor-element-lvm0010{--width:100%;}.elementor-31332 .elementor-element.elementor-element-lvm0016{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-58438ae */.elementor-31332 .elementor-element.elementor-element-58438ae .elementor-heading-title{position:relative;display:inline-block;letter-spacing:.07em;text-shadow:0 2px 30px rgba(0,0,0,.5);} .elementor-31332 .elementor-element.elementor-element-58438ae .elementor-heading-title a{color:#F4F1EA !important;} .elementor-31332 .elementor-element.elementor-element-58438ae .elementor-heading-title::after{content:'';position:absolute;left:0;bottom:-11px;width:100%;height:3px;background:#F4F1EA;border-radius:2px;transform:scaleX(0);transform-origin:left center;animation:lvLoad 4.4s ease-in-out infinite;} @keyframes lvLoad{0%{transform:scaleX(0);transform-origin:left center;}45%{transform:scaleX(1);transform-origin:left center;}55%{transform:scaleX(1);transform-origin:right center;}100%{transform:scaleX(0);transform-origin:right center;}}/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-24a2c91 */.elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-item{color:rgba(244,241,234,0.82) !important;text-shadow:0 1px 22px rgba(0,0,0,.45);transition:color .5s ease;} .elementor-31332 .elementor-element.elementor-element-24a2c91 > .elementor-nav-menu .elementor-item:hover,.elementor-31332 .elementor-element.elementor-element-24a2c91 > .elementor-nav-menu .elementor-item.elementor-item-active{color:#F4F1EA !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu > li > .sub-menu{margin-top:2px !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .elementor-nav-menu > li > .sub-menu::before{content:'';position:absolute;left:-24px;right:-24px;top:-8px;height:12px;background:transparent;pointer-events:auto;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu{background:transparent !important;border:0 !important;box-shadow:none !important;padding:6px 0 !important;width:max-content !important;min-width:0 !important;border-radius:0 !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li{position:relative;background:transparent !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li a{color:#FFFFFF !important;font-family:'Cormorant Infant',serif !important;font-size:18px !important;font-weight:500 !important;letter-spacing:.02em !important;text-transform:none !important;line-height:1.35 !important;padding:7px 22px !important;transition:color .4s ease !important;white-space:nowrap !important;text-shadow:0 1px 16px rgba(0,0,0,0.6) !important;background:transparent !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li a:hover,.elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li a:focus,.elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li a.elementor-item-active,.elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li.elementor-item-active > a,.elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li:hover > a{background:transparent !important;background-color:transparent !important;box-shadow:none !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li a:hover,.elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li a.elementor-item-active,.elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu li.elementor-item-active > a{color:#6d0000 !important;} .elementor-31332 .elementor-element.elementor-element-24a2c91 .sub-menu .sub-menu{top:-6px !important;left:auto !important;right:100% !important;margin:0 !important;}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bcf758b */.elementor-31332 .elementor-element.elementor-element-bcf758b{position:relative;} .elementor-31332 .elementor-element.elementor-element-bcf758b::before{content:'';position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:1px;height:16px;background:rgba(255,255,255,0.65);} .elementor-31332 .elementor-element.elementor-element-bcf758b .elementor-heading-title a{color:#F4F1EA !important;text-shadow:0 1px 22px rgba(0,0,0,.45);}/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-05f8f1a */.elementor-31332 .elementor-element.elementor-element-05f8f1a{flex:0 0 auto !important;} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle{position:relative;z-index:9999 !important;width:34px !important;height:16px !important;padding:0 !important;color:#F4F1EA !important;background:transparent !important;transition:opacity .4s ease;} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle i,.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle svg{display:none !important;} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle::before,.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle::after{content:'' !important;position:absolute;left:5px;right:5px;height:1px;background:currentColor;transform-origin:left center;transition:top .5s ease-in-out,transform .5s ease-in-out;} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle::before{top:4px;} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle::after{top:11px;} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle:not(.elementor-active):hover::before{transform:scaleX(.5);} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle.elementor-active::before{top:7px;transform-origin:50% 50%;transform:rotate(45deg);} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle.elementor-active::after{top:7px;transform-origin:50% 50%;transform:rotate(-45deg);} .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-nav-menu--dropdown{display:none !important;visibility:hidden !important;} html.lv-menu-js.lv-menu-open .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle{opacity:0;pointer-events:none;} html.lv-menu-js:not(.lv-menu-kb) .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle:focus,html.lv-menu-js:not(.lv-menu-kb) .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle:focus-visible{outline:none !important;box-shadow:none !important;} html.lv-menu-js.lv-menu-kb .elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle:focus-visible{outline:1px solid #F4F1EA !important;outline-offset:6px;box-shadow:none !important;} @media (prefers-reduced-motion: reduce){.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle::before,.elementor-31332 .elementor-element.elementor-element-05f8f1a .elementor-menu-toggle::after{transition-duration:.01ms !important;}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-af88f1d */.elementor-31332 .elementor-element.elementor-element-af88f1d{background:transparent !important;border:0 !important;box-shadow:none !important;} .wrapper-main{position:relative;} .elementor-location-header{position:absolute !important;top:0;left:0;width:100%;z-index:99;} body.admin-bar #smooth-wrapper{top:32px !important;} @media screen and (max-width:782px){body.admin-bar #smooth-wrapper{top:46px !important;}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-lvm0002 */.elementor-31332 .elementor-element.elementor-element-lvm0002 .elementor-heading-title{position:relative;display:inline-block;} .elementor-31332 .elementor-element.elementor-element-lvm0002 .elementor-heading-title a{color:inherit !important;} .elementor-31332 .elementor-element.elementor-element-lvm0002 .elementor-heading-title::after{content:'';position:absolute;left:0;bottom:-9px;width:100%;height:3px;background:currentColor;border-radius:2px;transform:scaleX(0);transform-origin:left center;animation:lvLoad 4.4s ease-in-out infinite;} @keyframes lvLoad{0%{transform:scaleX(0);transform-origin:left center;}45%{transform:scaleX(1);transform-origin:left center;}55%{transform:scaleX(1);transform-origin:right center;}100%{transform:scaleX(0);transform-origin:right center;}} @media (prefers-reduced-motion: reduce){.elementor-31332 .elementor-element.elementor-element-lvm0002 .elementor-heading-title::after{animation:none;transform:scaleX(1);}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-lvm0014 *//* ---------------- hover: the blur ---------------- A single pseudo-element sits over the card's photograph and blurs it with backdrop-filter, so the image behind softens while the kicker, the title and the button stay perfectly sharp on top of it. IMPORTANT: the blur RADIUS is what animates, not the layer's opacity. An earlier version held blur(90px) in both states and only faded opacity - which meant the transition on backdrop-filter never ran, and the picture snapped back to sharp the moment the veil finished fading. Animating the radius from 0 to 90px is what makes the softening (and the recovery) genuinely gradual. Timings are asymmetric by request. On hover: blur 5s, ink 4s. On release: blur 3s, ink 2.4s - the picture clears faster than it softens. the recovery take the same time. The easing front-loads the visible change so the tail reads as settling rather than as lag. Elementor has no control for backdrop-filter; everything else about this card - the photograph, its overlay colour and opacity, the radius, the padding, the alignment - is still a panel setting and stays editable. ::before is already spoken for by Elementor's own background overlay, so the veil takes ::after. It sits at z-index 0 and the card's children are lifted to 1, which keeps the text sharp above the blur. The card already carries overflow:hidden, so the veil is clipped to the corner radius. */ .elementor-31332 .elementor-element.elementor-element-lvm0014::after{ content:''; position:absolute; inset:0; z-index:0; opacity:1; pointer-events:none; border-radius:inherit; background-color:rgba(10,9,8,0); -webkit-backdrop-filter:blur(0px); backdrop-filter:blur(0px); transition:-webkit-backdrop-filter 3s cubic-bezier(.16,1,.3,1), backdrop-filter 3s cubic-bezier(.16,1,.3,1), background-color 2.4s cubic-bezier(.16,1,.3,1); } .elementor-31332 .elementor-element.elementor-element-lvm0014:hover::after{ background-color:rgba(10,9,8,.5); -webkit-backdrop-filter:blur(90px); backdrop-filter:blur(90px); transition:-webkit-backdrop-filter 5s cubic-bezier(.16,1,.3,1), backdrop-filter 5s cubic-bezier(.16,1,.3,1), background-color 4s cubic-bezier(.16,1,.3,1); } .elementor-31332 .elementor-element.elementor-element-lvm0014 > *{position:relative;z-index:1;} @media (prefers-reduced-motion: reduce){ .elementor-31332 .elementor-element.elementor-element-lvm0014::after{transition-duration:.01ms !important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-lvm0001 *//* ========================================================================== LOVELESS · split menu overlay (per-element custom CSS on container lvm0001) Structure and state only. Every colour, radius, gap, padding, width and typeface lives in the Elementor panel as a native setting so the whole thing stays editable - this sheet carries the five things the panel cannot express: 1. the fixed full-viewport shell and its open/closed state 2. the staggered entrance (transition + per-row delay, NOT animation) 3. the hairline rules between menu rows and the dim-siblings hover 4. the close control: a hairline cross drawn from two pseudo-elements, geometry and timing lifted from the reference build 5. an editor affordance so the overlay is visible/selectable in Elementor ========================================================================== */ /* ---------------- shell ---------------- visibility (not display:none) so the entrance can transition, and so the element keeps a box for the editor. pointer-events guards stray clicks. The shell's padding is a panel setting; the near-black stays visible around the cards so the two of them read as placed inside a frame rather than as a full-bleed takeover. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 { position: fixed !important; inset: 0 !important; z-index: 9990 !important; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; /* base = the closed state, so this is the EXIT. Dismissal is one uniform movement with no delays anywhere; only the open state stages itself. */ transition: opacity .45s ease-in-out, visibility .45s ease-in-out; } /* ---------------- the band ---------------- The cards are capped at the reference's own widths - 500 and 450, both panel settings on the cards themselves - and they sit at the LEFT of a centred band. That is the whole trick behind the reference's proportions: the pair never grows past 970px, and because the band is centred while the cards are anchored to its left edge, the near-black remainder is always wider down the right than down the left. At 1420 the cards start 58px in and leave 392px of black; at 1920 they start at 308 and leave 642 - the same figures the reference produces, because it is the same arithmetic. The panel's own left/right padding is the floor, so below the band width the cards sit at whatever inset the panel says and nothing overflows; above it the band takes over and the inset grows with the viewport. One number to change if the frame ever wants to be wider or tighter: --lv-band. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 { --lv-band: 1304px; padding-left: max(var(--padding-left), calc((100% - var(--lv-band)) / 2)); padding-right: max(var(--padding-right), calc((100% - var(--lv-band)) / 2)); padding-inline-start: max(var(--padding-left), calc((100% - var(--lv-band)) / 2)); padding-inline-end: max(var(--padding-right), calc((100% - var(--lv-band)) / 2)); } /* ACT 0 · 0 -> .55s — the veil. Nothing else has started yet; the page simply goes dark. */ html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .55s ease-in-out, visibility .55s ease-in-out; } /* the two cards must be able to own their own height inside the shell */ .elementor-31332 .elementor-element.elementor-element-lvm0001 > .e-con-inner { display: flex; flex-direction: inherit; gap: inherit; width: 100%; height: 100%; align-items: stretch; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card { min-height: 0; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l { overflow-y: auto; } /* ========================================================================== ENTRANCE — four acts, ~2.0s -------------------------------------------------------------------------- The overlay is never unmounted, so CSS animations would fire once at page load and never again; transition + transition-delay re-fires on every open. Every duration and every delay in the entrance is declared ONLY inside html.lv-menu-open. The base rules therefore carry short, delay-free timings and those are what the exit uses - so the menu opens as a sequence and closes as a single gesture, which is the right asymmetry: an entrance is a performance, a dismissal should get out of the way. ACT 0 0 -> .55s the veil darkens the page ACT 1 .40s -> 1.15s the cream card slides in from off-screen left, already solid, and decelerates into place ACT 2 .95s -> ~2.0s the card's contents draw on - wordmark rail, then the nine rows one after another, then the footer ACT 3 1.15s-> 1.90s the feature column emerges from BEHIND the cream card and slides out to its own place Acts 2 and 3 run together on purpose: the eye reads down the link stack while the photograph slides out into the corner of vision. The cards travel from translateX(-100%) - their own full width - so both start genuinely off-stage rather than nudging 26px, which was the reason the old version read as "all at once". ========================================================================== */ /* ---- the two cards ---- z-index on flex items applies even at position:static, which is what lets the feature column start life underneath the cream card and slide out from behind it. Both travel negative (left, or up when stacked), and a negative transform can never create scrollable overflow, so no guard is needed. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card { opacity: 0; transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .35s ease; will-change: transform, opacity; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l { transform: translateX(-100%); z-index: 2; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-r { transform: translateX(-100%); z-index: 1; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card { opacity: 1; transform: none; } /* ACT 1 — the cream plane. Opacity snaps to full almost immediately so the card arrives as a solid object sliding into frame rather than a ghost materialising; the reference fades its first card too, but it does so from fully off-screen where the fade cannot be seen. The travel eases out, not in, so the card decelerates into its resting place. */ html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l { transition: transform .75s cubic-bezier(.16, 1, .3, 1) .40s, opacity .20s ease .40s; } /* ACT 3 — the feature column. It leaves from under the cream card, so it does need the fade: without it the photograph would appear to be cut in half by the card's edge at the moment it clears. */ html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-r { transition: transform .75s cubic-bezier(.16, 1, .3, 1) 1.15s, opacity .45s ease 1.15s; } /* ---- ACT 2 · the card's two rails ---- lvm0004 (wordmark + close) and lvm0009 (telephone + licence) carry no CSS class of their own, so they are addressed structurally as the first and last children of the cream card. The link stack between them is handled further down with the rest of the nav-menu rules. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child { opacity: 0; transform: translateY(12px); transition: opacity .3s ease, transform .3s ease; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child { opacity: 1; transform: none; } /* the wordmark comes up just before the card finishes travelling - a beat of overlap, so the card does not sit visibly empty */ html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child { transition: opacity .6s ease-out .95s, transform .6s cubic-bezier(.16, 1, .3, 1) .95s; } /* the footer is the last thing to arrive, after the ninth link */ html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child { transition: opacity .6s ease-out 1.42s, transform .6s cubic-bezier(.16, 1, .3, 1) 1.42s; } /* ---------------- the wordmark ---------------- the underline lives on the widget itself (lvm0002 custom CSS) so it can be read and edited next to the heading it belongs to; all this does is stop the inline-block underline box from being clipped by the row above it. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-top { overflow: visible; } /* ---------------- the link stack ---------------- width:100% so the hairline rules run the full measure of the card. The card's own padding is what insets them from the card edge. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu--main, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu { width: 100%; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li { width: 100%; border-top: 1px solid rgba(10, 9, 8, .12); opacity: 0; transform: translateY(14px); /* base = exit: short and delay-free, so the stack leaves all at once */ transition: opacity .3s ease, transform .3s ease; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:last-child { border-bottom: 1px solid rgba(10, 9, 8, .12); } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li > a.elementor-item { justify-content: flex-start; text-align: left; /* the row is what moves on hover, not the letter-spacing: at 32px a tracking animation re-flows the whole measure and reads restless. The push is now 4px over 2.75s, on the same clock as the underline, so the row barely drifts - the rule drawing in is what says hovered. */ transition: opacity .8s ease, transform 2.75s cubic-bezier(.32, .24, .4, 1), color .8s ease; } /* ACT 2 continued · the stack draws on one row at a time, starting the moment the cream card lands. 45ms between rows is the interval that reads as deliberate without turning into a countdown: nine rows take .36s end to end, so the stack is complete before the feature column has finished travelling. The shorthand here re-states duration and easing; the nth-child rules below are more specific and supply only the delay. */ html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li { opacity: 1; transform: none; transition: opacity .6s ease-out, transform .6s cubic-bezier(.16, 1, .3, 1); } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(1) { transition-delay: 1.00s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(2) { transition-delay: 1.045s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(3) { transition-delay: 1.09s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(4) { transition-delay: 1.135s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(5) { transition-delay: 1.18s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(6) { transition-delay: 1.225s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(7) { transition-delay: 1.27s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(8) { transition-delay: 1.315s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(9) { transition-delay: 1.36s; } html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(n+10) { transition-delay: 1.405s; } /* hovering the stack dims every row except the one under the cursor - the single gesture that makes a menu like this feel considered rather than listed */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu:hover > li > a.elementor-item { opacity: .34; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li > a.elementor-item:hover, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li > a.elementor-item:focus-visible { opacity: 1 !important; transform: translateX(4px); } /* this widget is a plain vertical stack: no toggle, no collapsed variant */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-menu-toggle, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu--dropdown { display: none !important; } /* ---------------- close control ---------------- Geometry taken from the reference: an uppercase micro label, a 10px gap, then a cross of two 1px hairlines 18px long crossing at their centre. Everything the panel can own still lives in the panel - the label text, its typeface, size, tracking, colour and the widget's padding - so the only thing here is the cross itself and the hover. The previous version was a solid times glyph rotated 90deg on hover, which is why the hover looked broken: an X rotated a quarter turn is the same X, so the only thing the user saw was a faint sub-pixel shimmer. It also carried its hover on the widget box while the glyph sat at the far right of that box, so the state fired over empty space. Both are fixed by making the visible control and the hit area the same element. */ /* the close control no longer fades on its own: it rides in with the wordmark rail it shares, so CLOSE and the Loveless mark arrive as one gesture */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x { cursor: pointer; -webkit-user-select: none; user-select: none; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-widget-container { display: flex; justify-content: flex-end; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-heading-title { position: relative; display: inline-flex; align-items: center; line-height: 1; padding-right: 30px; transition: color .5s ease-in-out; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-heading-title::before, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-heading-title::after { content: ''; position: absolute; right: 0; top: 50%; width: 18px; height: 1px; background: currentColor; transform-origin: 50% 50%; transition: background-color .5s ease-in-out; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-heading-title::before { transform: translateY(-50%) rotate(45deg); } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-heading-title::after { transform: translateY(-50%) rotate(-45deg); } /* hover is a colour change and nothing else - the reference leaves the cross geometry alone once it is already a cross, and so do we */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x:hover .elementor-heading-title, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x:focus-visible .elementor-heading-title { color: #6d0000; } /* The X is focused programmatically on open so a keyboard user lands inside the menu rather than behind it. Chrome counts that programmatic focus as focus-visible even when the menu was opened with a mouse, which drew an oxblood box around CLOSE for every pointer user. The ring is therefore gated on html.lv-menu-kb, which the behaviour layer sets only when the last input before the open was a key. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x:focus-visible { outline: none; } html.lv-menu-kb .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x:focus-visible { outline: 1px solid #6d0000; outline-offset: 8px; } /* ---------------- feature card ---------------- */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feature { overflow: hidden; } /* the kicker sits tight above the title and earns its contrast from a hairline rule rather than from weight */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feat-k .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 12px; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feat-k .elementor-heading-title::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 26px; height: 1px; margin-left: -13px; background: rgba(245, 242, 235, .38); } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feat-b .elementor-button, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-cta .elementor-button { transition: background-color .45s ease, color .45s ease, letter-spacing .6s cubic-bezier(.19, 1, .22, 1); } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feat-b .elementor-button:hover, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-cta .elementor-button:hover { letter-spacing: .30em !important; } /* the native icon control supplies the arrow; this is only the travel on hover */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feat-b .elementor-button-icon, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-cta .elementor-button-icon { transition: transform .55s cubic-bezier(.19, 1, .22, 1); } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-feat-b .elementor-button:hover .elementor-button-icon, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-cta .elementor-button:hover .elementor-button-icon { transform: translateX(6px); } /* the behaviour layer is script only - it must never occupy space */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-js { display: none !important; } /* ---------------- editor affordance ---------------- Inside Elementor the overlay is pinned open and taken out of fixed positioning so it can actually be selected, dragged and edited. */ body.elementor-editor-active .elementor-31332 .elementor-element.elementor-element-lvm0001, body.elementor-editor-preview .elementor-31332 .elementor-element.elementor-element-lvm0001 { position: relative !important; inset: auto !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; min-height: 80vh; } body.elementor-editor-active .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card, body.elementor-editor-preview .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card, body.elementor-editor-active .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x, body.elementor-editor-preview .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x, body.elementor-editor-active .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, body.elementor-editor-preview .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, body.elementor-editor-active .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child, body.elementor-editor-preview .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child, body.elementor-editor-active .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li, body.elementor-editor-preview .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li { opacity: 1 !important; transform: none !important; } /* ---------------- responsive ---------------- Stacked at tablet and below. The feature card is hidden there (native responsive-hide in the panel) so nine links always clear the fold. */ @media (max-width: 1024px) { .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l { flex: 1 1 auto; } /* stacked, so the cards enter from above rather than from the side - the same substitution the reference makes below its own breakpoint. The feature column still starts underneath the cream card (z-index 1 vs 2) and slides down out from behind it. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-r { transform: translateY(-100%); } /* touch: no hover to reveal the row, so nothing dims and nothing travels */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu:hover > li > a.elementor-item { opacity: 1; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li > a.elementor-item:hover { transform: none; } } /* Short desktop viewports (1280x800 laptops, and anything with a lot of browser chrome) do not have room for the framed inset AND nine 32px rows. Rather than let a scrollbar appear inside the cream card, the frame gives back some of its top and bottom margin. This is the one place a panel setting is overridden - it is a fallback for a viewport the panel has no breakpoint for, and the desktop values are still what the panel says everywhere above 800px tall. */ @media (min-width: 1025px) and (max-height: 800px) { .elementor-31332 .elementor-element.elementor-element-lvm0001 { padding-top: 16px !important; padding-bottom: 30px !important; } /* the frame alone is not enough at 677px of viewport: the cream card still ran 24px past its own box. Its padding and row rhythm tighten here too, for 40px of headroom, so the nine rows and the footer sit inside the card instead of behind a scrollbar. */ .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l { padding: 26px !important; row-gap: 18px !important; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > .e-con-inner { row-gap: 18px !important; } } /* The whole show collapses to a straight cut for anyone who has asked the OS for less motion: no travel, no stagger, no delays - the menu is simply there. Every .elementor-31332 .elementor-element.elementor-element-lvm0001 that carries an entrance timing above is listed. */ @media (prefers-reduced-motion: reduce) { .elementor-31332 .elementor-element.elementor-element-lvm0001, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-r, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-x .elementor-heading-title, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li > a.elementor-item, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-r, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li, html.lv-menu-open .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li:nth-child(n) { transition-duration: .01ms !important; transition-delay: 0ms !important; } .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-card, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-r, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:first-child, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-l > *:last-child, .elementor-31332 .elementor-element.elementor-element-lvm0001 .lv-menu-links .elementor-nav-menu > li { transform: none !important; } }/* End custom CSS */