.elementor-386153 .elementor-element.elementor-element-c1dfd52{--display:flex;--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;}.elementor-386153 .elementor-element.elementor-element-c1dfd52.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-386153 .elementor-element.elementor-element-96db5db{--display:flex;}.elementor-386153 .elementor-element.elementor-element-6babca6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Lato;font-size:var( --e-global-typography-primary-font-size );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 );color:var( --e-global-color-primary );}.elementor-386153 .elementor-element.elementor-element-1f8eafc{--display:flex;}.elementor-386153 .elementor-element.elementor-element-79a97b8{--display:flex;}.elementor-386153 .elementor-element.elementor-element-c5983b9{--display:flex;}.elementor-386153 .elementor-element.elementor-element-18efe0f{--display:flex;}.elementor-386153 .elementor-element.elementor-element-50158a6{--display:flex;}.elementor-386153 .elementor-element.elementor-element-d6144ef{--display:flex;}.elementor-386153 .elementor-element.elementor-element-651dda7{--display:flex;}.elementor-386153 .elementor-element.elementor-element-eefd15f{--display:flex;}.elementor-386153 .elementor-element.elementor-element-fa70919{--display:flex;}.elementor-386153 .elementor-element.elementor-element-8e8d803{--display:flex;}.elementor-386153 .elementor-element.elementor-element-ee8343d{--display:flex;}.elementor-386153 .elementor-element.elementor-element-dcc14c2{--display:flex;}.elementor-386153 .elementor-element.elementor-element-e12ae55{--display:flex;}.elementor-386153 .elementor-element.elementor-element-e215a59{--display:flex;}.elementor-386153 .elementor-element.elementor-element-a524b3c{--display:flex;}.elementor-386153 .elementor-element.elementor-element-893e591{--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:flex-start;--gap:0px 28px;--row-gap:0px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-386153 .elementor-element.elementor-element-78d7903{--display:flex;}.elementor-386153 .elementor-element.elementor-element-79b9359{--display:flex;}.elementor-386153 .elementor-element.elementor-element-719fdf0{--display:flex;}.elementor-386153 .elementor-element.elementor-element-c61a0e8{--display:flex;}.elementor-386153 .elementor-element.elementor-element-6c87547{--display:flex;}.elementor-386153 .elementor-element.elementor-element-27ce2e6{--display:flex;}.elementor-386153 .elementor-element.elementor-element-77ebef9{--display:flex;}.elementor-386153 .elementor-element.elementor-element-f4dc9ca{--display:flex;}.elementor-386153 .elementor-element.elementor-element-30b19a1{--display:flex;}.elementor-386153 .elementor-element.elementor-element-170dbc4{--display:flex;}.elementor-386153 .elementor-element.elementor-element-073c4ce{--display:flex;}.elementor-386153 .elementor-element.elementor-element-52f9932{--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:flex-start;--gap:0px 28px;--row-gap:0px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-386153 .elementor-element.elementor-element-8a71286{--display:flex;}.elementor-386153 .elementor-element.elementor-element-a05fd0f{--display:flex;}#elementor-popup-modal-386153 .dialog-widget-content{animation-duration:0.28s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-386153{background-color:#211D1E4D;justify-content:center;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-386153 .dialog-message{width:100vw;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-386153 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-386153 .elementor-element.elementor-element-c1dfd52{--width:94.299%;}}@media(max-width:991px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-aebfbba *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP HEADER EYEBROW ELEMENT: 01.1.1.1 — Browse Categories Popup | Eyebrow CSS CLASS: lva-browse-popup-eyebrow ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-aebfbba { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-aebfbba > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — EYEBROW TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-aebfbba .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background: transparent !important; border: 0 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.16em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-aebfbba .elementor-heading-title { font-size: 8px !important; line-height: 1.2 !important; letter-spacing: 0.15em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-aebfbba { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-aebfbba .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.14em !important; white-space: nowrap !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-aebfbba, .elementor-386153 .elementor-element.elementor-element-aebfbba *, .elementor-386153 .elementor-element.elementor-element-aebfbba::before, .elementor-386153 .elementor-element.elementor-element-aebfbba::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8c14b7e *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP HEADER TITLE ELEMENT: 01.1.1.2 — Browse Categories Popup | Title CSS CLASS: lva-browse-popup-title APPROVED DESIGN: Large elegant serif heading directly beside LOVELLA SHOP ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c14b7e { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c14b7e > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c14b7e .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background: transparent !important; border: 0 !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 31px !important; line-height: 1 !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: -0.025em !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-8c14b7e .elementor-heading-title { font-size: 28px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.02em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-8c14b7e { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8c14b7e .elementor-heading-title { font-size: 24px !important; line-height: 1.02 !important; font-weight: 500 !important; letter-spacing: -0.018em !important; white-space: normal !important; } } /* ========================================================= 06 — VERY SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .elementor-386153 .elementor-element.elementor-element-8c14b7e .elementor-heading-title { font-size: 22px !important; line-height: 1.02 !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-8c14b7e, .elementor-386153 .elementor-element.elementor-element-8c14b7e *, .elementor-386153 .elementor-element.elementor-element-8c14b7e::before, .elementor-386153 .elementor-element.elementor-element-8c14b7e::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6babca6 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP HEADER TITLE GROUP ELEMENT: 01.1.1 — Browse Categories Popup | Title Group CSS CLASS: lva-browse-popup-title-group CONTAINS: - LOVELLA SHOP eyebrow - Browse categories heading ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-6babca6 { position: relative !important; width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; column-gap: 16px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: flex-start !important; --align-items: baseline !important; --flex-wrap: nowrap !important; --gap: 0px 16px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-6babca6 > .e-con-inner { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 16px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-6babca6 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-6babca6 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-6babca6 { width: auto !important; max-width: calc(100% - 64px) !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 14px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-6babca6 > .e-con-inner { display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 14px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-6babca6 { width: auto !important; max-width: calc(100% - 54px) !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 3px !important; align-self: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: flex-start !important; --flex-wrap: nowrap !important; --gap: 3px 0px !important; } .elementor-386153 .elementor-element.elementor-element-6babca6 > .e-con-inner { width: auto !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 3px !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-6babca6 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-6babca6 > .e-con-inner > .elementor-element { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-6babca6, .elementor-386153 .elementor-element.elementor-element-6babca6 *, .elementor-386153 .elementor-element.elementor-element-6babca6::before, .elementor-386153 .elementor-element.elementor-element-6babca6::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-96db5db *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP HEADER ELEMENT: 01.1 — Browse Categories Popup | Header CSS CLASS: lva-browse-popup-header APPROVED POSITIONING: Desktop horizontal inset: 72px Tablet horizontal inset: 27px Mobile horizontal inset: 14px IMPORTANT: Header contents remain LEFT aligned. Once Close is added, space-between places it on the right. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-96db5db { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 82px !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 24px !important; row-gap: 0 !important; margin: 0 !important; padding-top: 20px !important; padding-right: 72px !important; padding-bottom: 20px !important; padding-left: 72px !important; color: #211d1e !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 24px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-96db5db > .e-con-inner { position: relative !important; width: 100% !important; max-width: 1480px !important; min-width: 0 !important; height: auto !important; min-height: 42px !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 24px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — HEADER DIVIDER Drawn independently so it follows the same horizontal inset as the content rather than spanning browser edge to browser edge. ========================================================= */ .elementor-386153 .elementor-element.elementor-element-96db5db::after { content: "" !important; position: absolute !important; left: 72px !important; right: 72px !important; bottom: 0 !important; width: auto !important; height: 1px !important; display: block !important; margin: 0 !important; padding: 0 !important; background-color: rgba(33, 29, 30, 0.14) !important; background-image: none !important; border: 0 !important; pointer-events: none !important; box-sizing: border-box !important; } /* ========================================================= 04 — DIRECT CHILDREN ========================================================= */ .elementor-386153 .elementor-element.elementor-element-96db5db > .elementor-element, .elementor-386153 .elementor-element.elementor-element-96db5db > .e-con-inner > .elementor-element { position: relative !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* ========================================================= 05 — TITLE GROUP Explicitly anchors the first child LEFT. ========================================================= */ .elementor-386153 .elementor-element.elementor-element-96db5db .lva-browse-popup-title-group { position: relative !important; width: auto !important; max-width: calc(100% - 64px) !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; align-self: center !important; transform: none !important; } /* ========================================================= 06 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-96db5db { width: 100% !important; max-width: 100% !important; min-height: 76px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 20px !important; margin: 0 !important; padding-top: 18px !important; padding-right: 27px !important; padding-bottom: 18px !important; padding-left: 27px !important; background-color: #ffffff !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } .elementor-386153 .elementor-element.elementor-element-96db5db > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 20px !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-96db5db::after { left: 27px !important; right: 27px !important; bottom: 0 !important; } } /* ========================================================= 07 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-96db5db { width: 100% !important; max-width: 100% !important; min-height: 72px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin: 0 !important; padding-top: 16px !important; padding-right: 14px !important; padding-bottom: 16px !important; padding-left: 14px !important; background-color: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } .elementor-386153 .elementor-element.elementor-element-96db5db > .e-con-inner { width: 100% !important; max-width: 520px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-96db5db::after { left: 14px !important; right: 14px !important; bottom: 0 !important; } .elementor-386153 .elementor-element.elementor-element-96db5db .lva-browse-popup-title-group { max-width: calc(100% - 54px) !important; } } /* ========================================================= 08 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-96db5db, .elementor-386153 .elementor-element.elementor-element-96db5db *, .elementor-386153 .elementor-element.elementor-element-96db5db::before, .elementor-386153 .elementor-element.elementor-element-96db5db::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3fc8b13 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES TITLE ELEMENT: 01.2.1.1.1 — Browse Categories Popup | Lashes Title CSS CLASS: lva-browse-popup-lashes-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3fc8b13 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3fc8b13 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3fc8b13 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background: transparent !important; border: 0 !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 31px !important; line-height: 1 !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: -0.025em !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-3fc8b13 .elementor-heading-title { font-size: 28px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.02em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-3fc8b13 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-3fc8b13 .elementor-heading-title { font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.018em !important; white-space: nowrap !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-3fc8b13, .elementor-386153 .elementor-element.elementor-element-3fc8b13 *, .elementor-386153 .elementor-element.elementor-element-3fc8b13::before, .elementor-386153 .elementor-element.elementor-element-3fc8b13::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-77aaf72 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES EYEBROW ELEMENT: 01.2.1.1.2 — Browse Categories Popup | Lashes Eyebrow CSS CLASS: lva-browse-popup-lashes-eyebrow ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77aaf72 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77aaf72 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — EYEBROW TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77aaf72 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background: transparent !important; border: 0 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.15em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-77aaf72 .elementor-heading-title { font-size: 8px !important; line-height: 1.2 !important; letter-spacing: 0.14em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-77aaf72 { width: auto !important; max-width: 52% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-77aaf72 .elementor-heading-title { font-size: 7px !important; line-height: 1.25 !important; letter-spacing: 0.12em !important; text-align: right !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-77aaf72, .elementor-386153 .elementor-element.elementor-element-77aaf72 *, .elementor-386153 .elementor-element.elementor-element-77aaf72::before, .elementor-386153 .elementor-element.elementor-element-77aaf72::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c5983b9 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES HEADER ELEMENT: 01.2.1.1 — Browse Categories Popup | Lashes Header CSS CLASS: lva-browse-popup-lashes-header CONTAINS: - Lashes title - Professional Lash Supplies eyebrow ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c5983b9 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 16px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 22px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 14px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: baseline !important; --flex-wrap: nowrap !important; --gap: 0px 16px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c5983b9 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 16px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c5983b9 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-c5983b9 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-c5983b9 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 20px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 13px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-c5983b9 > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-c5983b9 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 18px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 12px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-c5983b9 > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-c5983b9, .elementor-386153 .elementor-element.elementor-element-c5983b9 *, .elementor-386153 .elementor-element.elementor-element-c5983b9::before, .elementor-386153 .elementor-element.elementor-element-c5983b9::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d59989b *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d59989b { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d59989b > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d59989b .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-d59989b { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-d59989b .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-d59989b { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-d59989b .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-d59989b, .elementor-386153 .elementor-element.elementor-element-d59989b *, .elementor-386153 .elementor-element.elementor-element-d59989b::before, .elementor-386153 .elementor-element.elementor-element-d59989b::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ba98d58 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ba98d58 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ba98d58 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ba98d58 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ba98d58:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-ba98d58 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-ba98d58 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-ba98d58 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-ba98d58 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-ba98d58, .elementor-386153 .elementor-element.elementor-element-ba98d58 *, .elementor-386153 .elementor-element.elementor-element-ba98d58::before, .elementor-386153 .elementor-element.elementor-element-ba98d58::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d6144ef *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d6144ef { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d6144ef > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d6144ef > .elementor-element, .elementor-386153 .elementor-element.elementor-element-d6144ef > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-d6144ef { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-d6144ef { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-d6144ef, .elementor-386153 .elementor-element.elementor-element-d6144ef *, .elementor-386153 .elementor-element.elementor-element-d6144ef::before, .elementor-386153 .elementor-element.elementor-element-d6144ef::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fa41a1c *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-fa41a1c { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-fa41a1c > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-fa41a1c .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-fa41a1c { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-fa41a1c .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-fa41a1c { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-fa41a1c .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-fa41a1c, .elementor-386153 .elementor-element.elementor-element-fa41a1c *, .elementor-386153 .elementor-element.elementor-element-fa41a1c::before, .elementor-386153 .elementor-element.elementor-element-fa41a1c::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-54e9a74 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54e9a74 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54e9a74 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54e9a74 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54e9a74:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-54e9a74 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-54e9a74 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-54e9a74 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-54e9a74 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-54e9a74, .elementor-386153 .elementor-element.elementor-element-54e9a74 *, .elementor-386153 .elementor-element.elementor-element-54e9a74::before, .elementor-386153 .elementor-element.elementor-element-54e9a74::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-651dda7 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-651dda7 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-651dda7 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-651dda7 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-651dda7 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-651dda7 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-651dda7 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-651dda7, .elementor-386153 .elementor-element.elementor-element-651dda7 *, .elementor-386153 .elementor-element.elementor-element-651dda7::before, .elementor-386153 .elementor-element.elementor-element-651dda7::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-77ecd35 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77ecd35 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77ecd35 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77ecd35 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-77ecd35 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-77ecd35 .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-77ecd35 { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-77ecd35 .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-77ecd35, .elementor-386153 .elementor-element.elementor-element-77ecd35 *, .elementor-386153 .elementor-element.elementor-element-77ecd35::before, .elementor-386153 .elementor-element.elementor-element-77ecd35::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8c9f283 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c9f283 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c9f283 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c9f283 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8c9f283:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-8c9f283 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8c9f283 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-8c9f283 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8c9f283 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-8c9f283, .elementor-386153 .elementor-element.elementor-element-8c9f283 *, .elementor-386153 .elementor-element.elementor-element-8c9f283::before, .elementor-386153 .elementor-element.elementor-element-8c9f283::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eefd15f *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eefd15f { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eefd15f > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eefd15f > .elementor-element, .elementor-386153 .elementor-element.elementor-element-eefd15f > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-eefd15f { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-eefd15f { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-eefd15f, .elementor-386153 .elementor-element.elementor-element-eefd15f *, .elementor-386153 .elementor-element.elementor-element-eefd15f::before, .elementor-386153 .elementor-element.elementor-element-eefd15f::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8f1935d *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8f1935d { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8f1935d > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8f1935d .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-8f1935d { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8f1935d .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-8f1935d { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8f1935d .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-8f1935d, .elementor-386153 .elementor-element.elementor-element-8f1935d *, .elementor-386153 .elementor-element.elementor-element-8f1935d::before, .elementor-386153 .elementor-element.elementor-element-8f1935d::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5ede38e *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5ede38e { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5ede38e > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5ede38e .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5ede38e:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-5ede38e { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-5ede38e .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-5ede38e { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-5ede38e .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-5ede38e, .elementor-386153 .elementor-element.elementor-element-5ede38e *, .elementor-386153 .elementor-element.elementor-element-5ede38e::before, .elementor-386153 .elementor-element.elementor-element-5ede38e::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fa70919 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-fa70919 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-fa70919 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-fa70919 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-fa70919 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-fa70919 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-fa70919 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-fa70919, .elementor-386153 .elementor-element.elementor-element-fa70919 *, .elementor-386153 .elementor-element.elementor-element-fa70919::before, .elementor-386153 .elementor-element.elementor-element-fa70919::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50158a6 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES LEFT COLUMN ELEMENT: 01.2.1.2.1 — Browse Categories Popup | Lashes Left Column CSS CLASS: lva-browse-popup-lashes-left CONTENT: - Eyelash Trays - Adhesives - Lash Liquids - Lash Disposables ========================================================= */ /* ========================================================= 01 — ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-50158a6 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-50158a6 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CATEGORY ROWS ========================================================= */ .elementor-386153 .elementor-element.elementor-element-50158a6 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-50158a6 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-50158a6, .elementor-386153 .elementor-element.elementor-element-50158a6 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-50158a6, .elementor-386153 .elementor-element.elementor-element-50158a6 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-50158a6, .elementor-386153 .elementor-element.elementor-element-50158a6 *, .elementor-386153 .elementor-element.elementor-element-50158a6::before, .elementor-386153 .elementor-element.elementor-element-50158a6::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-44b8d97 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-44b8d97 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-44b8d97 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-44b8d97 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-44b8d97 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-44b8d97 .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-44b8d97 { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-44b8d97 .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-44b8d97, .elementor-386153 .elementor-element.elementor-element-44b8d97 *, .elementor-386153 .elementor-element.elementor-element-44b8d97::before, .elementor-386153 .elementor-element.elementor-element-44b8d97::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-eb34d9c *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eb34d9c { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eb34d9c > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eb34d9c .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-eb34d9c:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-eb34d9c { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-eb34d9c .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-eb34d9c { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-eb34d9c .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-eb34d9c, .elementor-386153 .elementor-element.elementor-element-eb34d9c *, .elementor-386153 .elementor-element.elementor-element-eb34d9c::before, .elementor-386153 .elementor-element.elementor-element-eb34d9c::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee8343d *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ee8343d { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ee8343d > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-ee8343d > .elementor-element, .elementor-386153 .elementor-element.elementor-element-ee8343d > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-ee8343d { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-ee8343d { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-ee8343d, .elementor-386153 .elementor-element.elementor-element-ee8343d *, .elementor-386153 .elementor-element.elementor-element-ee8343d::before, .elementor-386153 .elementor-element.elementor-element-ee8343d::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d09a72a *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d09a72a { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d09a72a > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d09a72a .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-d09a72a { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-d09a72a .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-d09a72a { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-d09a72a .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-d09a72a, .elementor-386153 .elementor-element.elementor-element-d09a72a *, .elementor-386153 .elementor-element.elementor-element-d09a72a::before, .elementor-386153 .elementor-element.elementor-element-d09a72a::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e77a26e *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e77a26e { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e77a26e > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e77a26e .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e77a26e:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-e77a26e { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-e77a26e .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-e77a26e { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-e77a26e .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-e77a26e, .elementor-386153 .elementor-element.elementor-element-e77a26e *, .elementor-386153 .elementor-element.elementor-element-e77a26e::before, .elementor-386153 .elementor-element.elementor-element-e77a26e::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dcc14c2 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-dcc14c2 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-dcc14c2 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-dcc14c2 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-dcc14c2 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-dcc14c2 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-dcc14c2 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-dcc14c2, .elementor-386153 .elementor-element.elementor-element-dcc14c2 *, .elementor-386153 .elementor-element.elementor-element-dcc14c2::before, .elementor-386153 .elementor-element.elementor-element-dcc14c2::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-496f6ca *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-496f6ca { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-496f6ca > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-496f6ca .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-496f6ca { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-496f6ca .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-496f6ca { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-496f6ca .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-496f6ca, .elementor-386153 .elementor-element.elementor-element-496f6ca *, .elementor-386153 .elementor-element.elementor-element-496f6ca::before, .elementor-386153 .elementor-element.elementor-element-496f6ca::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3124b72 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3124b72 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3124b72 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3124b72 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3124b72:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-3124b72 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-3124b72 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-3124b72 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-3124b72 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-3124b72, .elementor-386153 .elementor-element.elementor-element-3124b72 *, .elementor-386153 .elementor-element.elementor-element-3124b72::before, .elementor-386153 .elementor-element.elementor-element-3124b72::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e12ae55 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e12ae55 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e12ae55 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e12ae55 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-e12ae55 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-e12ae55 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-e12ae55 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-e12ae55, .elementor-386153 .elementor-element.elementor-element-e12ae55 *, .elementor-386153 .elementor-element.elementor-element-e12ae55::before, .elementor-386153 .elementor-element.elementor-element-e12ae55::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e8d803 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES LEFT COLUMN ELEMENT: 01.2.1.2.1 — Browse Categories Popup | Lashes Left Column CSS CLASS: lva-browse-popup-lashes-left CONTENT: - Eyelash Trays - Adhesives - Lash Liquids - Lash Disposables ========================================================= */ /* ========================================================= 01 — ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8e8d803 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8e8d803 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CATEGORY ROWS ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8e8d803 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-8e8d803 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-8e8d803, .elementor-386153 .elementor-element.elementor-element-8e8d803 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-8e8d803, .elementor-386153 .elementor-element.elementor-element-8e8d803 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-8e8d803, .elementor-386153 .elementor-element.elementor-element-8e8d803 *, .elementor-386153 .elementor-element.elementor-element-8e8d803::before, .elementor-386153 .elementor-element.elementor-element-8e8d803::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-18efe0f *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES CONTENT GRID ELEMENT: 01.2.1.2 — Browse Categories Popup | Lashes Content CSS CLASS: lva-browse-popup-lashes-content APPROVED STRUCTURE: Desktop / Tablet: Two equal category columns with generous central gutter. Mobile: One stacked column. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-18efe0f { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 52px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-18efe0f > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 52px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT COLUMN CHILDREN ========================================================= */ .elementor-386153 .elementor-element.elementor-element-18efe0f > .elementor-element, .elementor-386153 .elementor-element.elementor-element-18efe0f > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-self: start !important; justify-self: stretch !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-18efe0f { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 36px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-18efe0f > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 36px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-18efe0f { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-18efe0f > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-18efe0f > .elementor-element, .elementor-386153 .elementor-element.elementor-element-18efe0f > .e-con-inner > .elementor-element { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-18efe0f, .elementor-386153 .elementor-element.elementor-element-18efe0f *, .elementor-386153 .elementor-element.elementor-element-18efe0f::before, .elementor-386153 .elementor-element.elementor-element-18efe0f::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-79a97b8 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES DEPARTMENT ELEMENT: 01.2.1 — Browse Categories Popup | Lashes CSS CLASS: lva-browse-popup-lashes APPROVED DESKTOP PROPORTION: Lashes is intentionally the widest department because it contains the largest category set and tray ranges. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-79a97b8 { position: relative !important; width: 42% !important; max-width: 620px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: 42% !important; align-self: flex-start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-79a97b8 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-79a97b8 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-79a97b8 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET Lashes receives the full first row because it has the deepest category structure. ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-79a97b8 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } .elementor-386153 .elementor-element.elementor-element-79a97b8 > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-79a97b8 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; align-self: stretch !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-79a97b8 > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-79a97b8, .elementor-386153 .elementor-element.elementor-element-79a97b8 *, .elementor-386153 .elementor-element.elementor-element-79a97b8::before, .elementor-386153 .elementor-element.elementor-element-79a97b8::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8fdc59d *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES TITLE ELEMENT: 01.2.1.1.1 — Browse Categories Popup | Lashes Title CSS CLASS: lva-browse-popup-lashes-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8fdc59d { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8fdc59d > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8fdc59d .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background: transparent !important; border: 0 !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 31px !important; line-height: 1 !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: -0.025em !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-8fdc59d .elementor-heading-title { font-size: 28px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.02em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-8fdc59d { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8fdc59d .elementor-heading-title { font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.018em !important; white-space: nowrap !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-8fdc59d, .elementor-386153 .elementor-element.elementor-element-8fdc59d *, .elementor-386153 .elementor-element.elementor-element-8fdc59d::before, .elementor-386153 .elementor-element.elementor-element-8fdc59d::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0814ae3 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES EYEBROW ELEMENT: 01.2.1.1.2 — Browse Categories Popup | Lashes Eyebrow CSS CLASS: lva-browse-popup-lashes-eyebrow ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-0814ae3 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-0814ae3 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — EYEBROW TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-0814ae3 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background: transparent !important; border: 0 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.15em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-0814ae3 .elementor-heading-title { font-size: 8px !important; line-height: 1.2 !important; letter-spacing: 0.14em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-0814ae3 { width: auto !important; max-width: 52% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-0814ae3 .elementor-heading-title { font-size: 7px !important; line-height: 1.25 !important; letter-spacing: 0.12em !important; text-align: right !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-0814ae3, .elementor-386153 .elementor-element.elementor-element-0814ae3 *, .elementor-386153 .elementor-element.elementor-element-0814ae3::before, .elementor-386153 .elementor-element.elementor-element-0814ae3::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a524b3c *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES HEADER ELEMENT: 01.2.1.1 — Browse Categories Popup | Lashes Header CSS CLASS: lva-browse-popup-lashes-header CONTAINS: - Lashes title - Professional Lash Supplies eyebrow ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-a524b3c { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 16px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 22px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 14px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: baseline !important; --flex-wrap: nowrap !important; --gap: 0px 16px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-a524b3c > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 16px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-a524b3c > .elementor-element, .elementor-386153 .elementor-element.elementor-element-a524b3c > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-a524b3c { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 20px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 13px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-a524b3c > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-a524b3c { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 18px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 12px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-a524b3c > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-a524b3c, .elementor-386153 .elementor-element.elementor-element-a524b3c *, .elementor-386153 .elementor-element.elementor-element-a524b3c::before, .elementor-386153 .elementor-element.elementor-element-a524b3c::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2416a5a *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-2416a5a { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-2416a5a > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-2416a5a .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-2416a5a { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-2416a5a .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-2416a5a { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-2416a5a .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-2416a5a, .elementor-386153 .elementor-element.elementor-element-2416a5a *, .elementor-386153 .elementor-element.elementor-element-2416a5a::before, .elementor-386153 .elementor-element.elementor-element-2416a5a::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-21728a5 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-21728a5 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-21728a5 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-21728a5 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-21728a5:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-21728a5 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-21728a5 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-21728a5 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-21728a5 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-21728a5, .elementor-386153 .elementor-element.elementor-element-21728a5 *, .elementor-386153 .elementor-element.elementor-element-21728a5::before, .elementor-386153 .elementor-element.elementor-element-21728a5::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-79b9359 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-79b9359 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-79b9359 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-79b9359 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-79b9359 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-79b9359 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-79b9359 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-79b9359, .elementor-386153 .elementor-element.elementor-element-79b9359 *, .elementor-386153 .elementor-element.elementor-element-79b9359::before, .elementor-386153 .elementor-element.elementor-element-79b9359::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7dbfa66 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-7dbfa66 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-7dbfa66 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-7dbfa66 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-7dbfa66 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-7dbfa66 .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-7dbfa66 { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-7dbfa66 .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-7dbfa66, .elementor-386153 .elementor-element.elementor-element-7dbfa66 *, .elementor-386153 .elementor-element.elementor-element-7dbfa66::before, .elementor-386153 .elementor-element.elementor-element-7dbfa66::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-88a4204 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-88a4204 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-88a4204 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-88a4204 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-88a4204:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-88a4204 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-88a4204 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-88a4204 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-88a4204 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-88a4204, .elementor-386153 .elementor-element.elementor-element-88a4204 *, .elementor-386153 .elementor-element.elementor-element-88a4204::before, .elementor-386153 .elementor-element.elementor-element-88a4204::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-719fdf0 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-719fdf0 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-719fdf0 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-719fdf0 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-719fdf0 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-719fdf0 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-719fdf0 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-719fdf0, .elementor-386153 .elementor-element.elementor-element-719fdf0 *, .elementor-386153 .elementor-element.elementor-element-719fdf0::before, .elementor-386153 .elementor-element.elementor-element-719fdf0::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-15f3b3f *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-15f3b3f { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-15f3b3f > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-15f3b3f .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-15f3b3f { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-15f3b3f .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-15f3b3f { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-15f3b3f .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-15f3b3f, .elementor-386153 .elementor-element.elementor-element-15f3b3f *, .elementor-386153 .elementor-element.elementor-element-15f3b3f::before, .elementor-386153 .elementor-element.elementor-element-15f3b3f::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95d9831 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-95d9831 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-95d9831 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-95d9831 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-95d9831:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-95d9831 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-95d9831 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-95d9831 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-95d9831 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-95d9831, .elementor-386153 .elementor-element.elementor-element-95d9831 *, .elementor-386153 .elementor-element.elementor-element-95d9831::before, .elementor-386153 .elementor-element.elementor-element-95d9831::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c61a0e8 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c61a0e8 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c61a0e8 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c61a0e8 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-c61a0e8 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-c61a0e8 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-c61a0e8 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-c61a0e8, .elementor-386153 .elementor-element.elementor-element-c61a0e8 *, .elementor-386153 .elementor-element.elementor-element-c61a0e8::before, .elementor-386153 .elementor-element.elementor-element-c61a0e8::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-630548f *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-630548f { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-630548f > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-630548f .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-630548f { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-630548f .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-630548f { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-630548f .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-630548f, .elementor-386153 .elementor-element.elementor-element-630548f *, .elementor-386153 .elementor-element.elementor-element-630548f::before, .elementor-386153 .elementor-element.elementor-element-630548f::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-01dac49 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-01dac49 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-01dac49 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-01dac49 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-01dac49:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-01dac49 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-01dac49 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-01dac49 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-01dac49 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-01dac49, .elementor-386153 .elementor-element.elementor-element-01dac49 *, .elementor-386153 .elementor-element.elementor-element-01dac49::before, .elementor-386153 .elementor-element.elementor-element-01dac49::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c87547 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-6c87547 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-6c87547 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-6c87547 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-6c87547 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-6c87547 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-6c87547 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-6c87547, .elementor-386153 .elementor-element.elementor-element-6c87547 *, .elementor-386153 .elementor-element.elementor-element-6c87547::before, .elementor-386153 .elementor-element.elementor-element-6c87547::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-78d7903 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES LEFT COLUMN ELEMENT: 01.2.1.2.1 — Browse Categories Popup | Lashes Left Column CSS CLASS: lva-browse-popup-lashes-left CONTENT: - Eyelash Trays - Adhesives - Lash Liquids - Lash Disposables ========================================================= */ /* ========================================================= 01 — ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-78d7903 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-78d7903 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CATEGORY ROWS ========================================================= */ .elementor-386153 .elementor-element.elementor-element-78d7903 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-78d7903 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-78d7903, .elementor-386153 .elementor-element.elementor-element-78d7903 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-78d7903, .elementor-386153 .elementor-element.elementor-element-78d7903 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-78d7903, .elementor-386153 .elementor-element.elementor-element-78d7903 *, .elementor-386153 .elementor-element.elementor-element-78d7903::before, .elementor-386153 .elementor-element.elementor-element-78d7903::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-08bc0c8 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-08bc0c8 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-08bc0c8 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-08bc0c8 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-08bc0c8 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-08bc0c8 .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-08bc0c8 { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-08bc0c8 .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-08bc0c8, .elementor-386153 .elementor-element.elementor-element-08bc0c8 *, .elementor-386153 .elementor-element.elementor-element-08bc0c8::before, .elementor-386153 .elementor-element.elementor-element-08bc0c8::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-971d007 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-971d007 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-971d007 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-971d007 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-971d007:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-971d007 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-971d007 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-971d007 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-971d007 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-971d007, .elementor-386153 .elementor-element.elementor-element-971d007 *, .elementor-386153 .elementor-element.elementor-element-971d007::before, .elementor-386153 .elementor-element.elementor-element-971d007::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-77ebef9 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77ebef9 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77ebef9 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-77ebef9 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-77ebef9 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-77ebef9 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-77ebef9 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-77ebef9, .elementor-386153 .elementor-element.elementor-element-77ebef9 *, .elementor-386153 .elementor-element.elementor-element-77ebef9::before, .elementor-386153 .elementor-element.elementor-element-77ebef9::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1df6060 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-1df6060 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-1df6060 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-1df6060 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-1df6060 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-1df6060 .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-1df6060 { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-1df6060 .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-1df6060, .elementor-386153 .elementor-element.elementor-element-1df6060 *, .elementor-386153 .elementor-element.elementor-element-1df6060::before, .elementor-386153 .elementor-element.elementor-element-1df6060::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-54f67cf *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54f67cf { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54f67cf > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54f67cf .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-54f67cf:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-54f67cf { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-54f67cf .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-54f67cf { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-54f67cf .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-54f67cf, .elementor-386153 .elementor-element.elementor-element-54f67cf *, .elementor-386153 .elementor-element.elementor-element-54f67cf::before, .elementor-386153 .elementor-element.elementor-element-54f67cf::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4dc9ca *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-f4dc9ca { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-f4dc9ca > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-f4dc9ca > .elementor-element, .elementor-386153 .elementor-element.elementor-element-f4dc9ca > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-f4dc9ca { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-f4dc9ca { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-f4dc9ca, .elementor-386153 .elementor-element.elementor-element-f4dc9ca *, .elementor-386153 .elementor-element.elementor-element-f4dc9ca::before, .elementor-386153 .elementor-element.elementor-element-f4dc9ca::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5588edd *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5588edd { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5588edd > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5588edd .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-5588edd { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-5588edd .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-5588edd { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-5588edd .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-5588edd, .elementor-386153 .elementor-element.elementor-element-5588edd *, .elementor-386153 .elementor-element.elementor-element-5588edd::before, .elementor-386153 .elementor-element.elementor-element-5588edd::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3210fb6 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3210fb6 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3210fb6 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3210fb6 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-3210fb6:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-3210fb6 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-3210fb6 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-3210fb6 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-3210fb6 .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-3210fb6, .elementor-386153 .elementor-element.elementor-element-3210fb6 *, .elementor-386153 .elementor-element.elementor-element-3210fb6::before, .elementor-386153 .elementor-element.elementor-element-3210fb6::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30b19a1 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-30b19a1 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-30b19a1 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-30b19a1 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-30b19a1 > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-30b19a1 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-30b19a1 { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-30b19a1, .elementor-386153 .elementor-element.elementor-element-30b19a1 *, .elementor-386153 .elementor-element.elementor-element-30b19a1::before, .elementor-386153 .elementor-element.elementor-element-30b19a1::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27ce2e6 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES LEFT COLUMN ELEMENT: 01.2.1.2.1 — Browse Categories Popup | Lashes Left Column CSS CLASS: lva-browse-popup-lashes-left CONTENT: - Eyelash Trays - Adhesives - Lash Liquids - Lash Disposables ========================================================= */ /* ========================================================= 01 — ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-27ce2e6 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-27ce2e6 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CATEGORY ROWS ========================================================= */ .elementor-386153 .elementor-element.elementor-element-27ce2e6 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-27ce2e6 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-27ce2e6, .elementor-386153 .elementor-element.elementor-element-27ce2e6 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-27ce2e6, .elementor-386153 .elementor-element.elementor-element-27ce2e6 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-27ce2e6, .elementor-386153 .elementor-element.elementor-element-27ce2e6 *, .elementor-386153 .elementor-element.elementor-element-27ce2e6::before, .elementor-386153 .elementor-element.elementor-element-27ce2e6::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-893e591 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES CONTENT GRID ELEMENT: 01.2.1.2 — Browse Categories Popup | Lashes Content CSS CLASS: lva-browse-popup-lashes-content APPROVED STRUCTURE: Desktop / Tablet: Two equal category columns with generous central gutter. Mobile: One stacked column. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-893e591 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 52px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-893e591 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 52px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT COLUMN CHILDREN ========================================================= */ .elementor-386153 .elementor-element.elementor-element-893e591 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-893e591 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-self: start !important; justify-self: stretch !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-893e591 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 36px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-893e591 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 36px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-893e591 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-893e591 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: start !important; justify-items: stretch !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-893e591 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-893e591 > .e-con-inner > .elementor-element { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-893e591, .elementor-386153 .elementor-element.elementor-element-893e591 *, .elementor-386153 .elementor-element.elementor-element-893e591::before, .elementor-386153 .elementor-element.elementor-element-893e591::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e215a59 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES DEPARTMENT ELEMENT: 01.2.1 — Browse Categories Popup | Lashes CSS CLASS: lva-browse-popup-lashes APPROVED DESKTOP PROPORTION: Lashes is intentionally the widest department because it contains the largest category set and tray ranges. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e215a59 { position: relative !important; width: 42% !important; max-width: 620px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: 42% !important; align-self: flex-start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e215a59 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-e215a59 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-e215a59 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET Lashes receives the full first row because it has the deepest category structure. ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-e215a59 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } .elementor-386153 .elementor-element.elementor-element-e215a59 > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-e215a59 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; align-self: stretch !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-e215a59 > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-e215a59, .elementor-386153 .elementor-element.elementor-element-e215a59 *, .elementor-386153 .elementor-element.elementor-element-e215a59::before, .elementor-386153 .elementor-element.elementor-element-e215a59::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d299ca6 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES TITLE ELEMENT: 01.2.1.1.1 — Browse Categories Popup | Lashes Title CSS CLASS: lva-browse-popup-lashes-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d299ca6 { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d299ca6 > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-d299ca6 .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background: transparent !important; border: 0 !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 31px !important; line-height: 1 !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: -0.025em !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-d299ca6 .elementor-heading-title { font-size: 28px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.02em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-d299ca6 { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-d299ca6 .elementor-heading-title { font-size: 26px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.018em !important; white-space: nowrap !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-d299ca6, .elementor-386153 .elementor-element.elementor-element-d299ca6 *, .elementor-386153 .elementor-element.elementor-element-d299ca6::before, .elementor-386153 .elementor-element.elementor-element-d299ca6::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f741bad *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES EYEBROW ELEMENT: 01.2.1.1.2 — Browse Categories Popup | Lashes Eyebrow CSS CLASS: lva-browse-popup-lashes-eyebrow ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-f741bad { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: baseline !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-f741bad > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — EYEBROW TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-f741bad .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background: transparent !important; border: 0 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.15em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-f741bad .elementor-heading-title { font-size: 8px !important; line-height: 1.2 !important; letter-spacing: 0.14em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-f741bad { width: auto !important; max-width: 52% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-f741bad .elementor-heading-title { font-size: 7px !important; line-height: 1.25 !important; letter-spacing: 0.12em !important; text-align: right !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-f741bad, .elementor-386153 .elementor-element.elementor-element-f741bad *, .elementor-386153 .elementor-element.elementor-element-f741bad::before, .elementor-386153 .elementor-element.elementor-element-f741bad::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-073c4ce *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES HEADER ELEMENT: 01.2.1.1 — Browse Categories Popup | Lashes Header CSS CLASS: lva-browse-popup-lashes-header CONTAINS: - Lashes title - Professional Lash Supplies eyebrow ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-073c4ce { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 16px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 22px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 14px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: baseline !important; --flex-wrap: nowrap !important; --gap: 0px 16px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-073c4ce > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 16px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-073c4ce > .elementor-element, .elementor-386153 .elementor-element.elementor-element-073c4ce > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-073c4ce { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 20px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 13px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-073c4ce > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 14px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-073c4ce { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 18px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 12px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.14) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-073c4ce > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-073c4ce, .elementor-386153 .elementor-element.elementor-element-073c4ce *, .elementor-386153 .elementor-element.elementor-element-073c4ce::before, .elementor-386153 .elementor-element.elementor-element-073c4ce::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5f4921e *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS TITLE ELEMENT: 01.2.1.2.1.1.1 — Browse Categories Popup | Eyelash Trays Title CSS CLASS: lva-browse-popup-eyelash-trays-title ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5f4921e { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5f4921e > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TITLE ========================================================= */ .elementor-386153 .elementor-element.elementor-element-5f4921e .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.055em !important; text-align: left !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; opacity: 1 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-5f4921e { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-5f4921e .elementor-heading-title { font-size: 10px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-5f4921e { width: auto !important; max-width: calc(100% - 70px) !important; min-width: 0 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-5f4921e .elementor-heading-title { font-size: 10px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: 0.045em !important; white-space: normal !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-5f4921e, .elementor-386153 .elementor-element.elementor-element-5f4921e *, .elementor-386153 .elementor-element.elementor-element-5f4921e::before, .elementor-386153 .elementor-element.elementor-element-5f4921e::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-40ffdba *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS — VIEW ALL ELEMENT: 01.2.1.2.1.1.2 — Browse Categories Popup | Eyelash Trays View All CSS CLASS: lva-browse-popup-view-all ========================================================= */ /* ========================================================= 01 — WIDGET ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-40ffdba { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: inline-block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 02 — ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-40ffdba > .elementor-widget-container { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — TEXT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-40ffdba .elementor-heading-title { position: relative !important; width: auto !important; max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 800 !important; font-style: normal !important; letter-spacing: 0.13em !important; text-align: right !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: color 0.2s ease, opacity 0.2s ease !important; box-sizing: border-box !important; } /* ========================================================= 04 — HOVER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-40ffdba:hover .elementor-heading-title { color: #a75f70 !important; opacity: 1 !important; } /* ========================================================= 05 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-40ffdba { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-40ffdba .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; } } /* ========================================================= 06 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-40ffdba { width: auto !important; max-width: 100% !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-40ffdba .elementor-heading-title { font-size: 7px !important; line-height: 1.2 !important; letter-spacing: 0.11em !important; text-align: right !important; white-space: nowrap !important; } } /* ========================================================= 07 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-40ffdba, .elementor-386153 .elementor-element.elementor-element-40ffdba *, .elementor-386153 .elementor-element.elementor-element-40ffdba::before, .elementor-386153 .elementor-element.elementor-element-40ffdba::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a05fd0f *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP EYELASH TRAYS HEADER ELEMENT: 01.2.1.2.1.1 — Browse Categories Popup | Eyelash Trays Header CSS CLASS: lva-browse-popup-eyelash-trays-header ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-a05fd0f { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; column-gap: 12px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: center !important; --flex-wrap: nowrap !important; --gap: 0px 12px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-a05fd0f > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-a05fd0f > .elementor-element, .elementor-386153 .elementor-element.elementor-element-a05fd0f > .e-con-inner > .elementor-element { position: relative !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-a05fd0f { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 12px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 13px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-a05fd0f { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 10px !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 9px !important; padding-left: 0 !important; background: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(33, 29, 30, 0.09) !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-a05fd0f, .elementor-386153 .elementor-element.elementor-element-a05fd0f *, .elementor-386153 .elementor-element.elementor-element-a05fd0f::before, .elementor-386153 .elementor-element.elementor-element-a05fd0f::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a71286 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LAMINATION LIST ELEMENT: 01.2.3.2.1 — Browse Categories Popup | Lamination List CSS CLASS: lva-browse-popup-lamination-list PURPOSE: Full-width Lamination category list. There is no right-hand column, so this container must occupy 100% of the Lamination department width. RESULT: Lash & Brow Lamination View with View aligned to the same right edge as the LASH + BROW header eyebrow. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8a71286 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 100% !important; flex: 0 0 100% !important; align-self: stretch !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8a71286 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CATEGORY ROW The existing row controls its own: display:flex justify-content:space-between We simply guarantee it receives the entire width. ========================================================= */ .elementor-386153 .elementor-element.elementor-element-8a71286 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-8a71286 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 100% !important; align-self: stretch !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-8a71286 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } .elementor-386153 .elementor-element.elementor-element-8a71286 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-8a71286 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; align-self: stretch !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-8a71286 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-8a71286 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-8a71286 > .e-con-inner > .elementor-element { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-8a71286, .elementor-386153 .elementor-element.elementor-element-8a71286 *, .elementor-386153 .elementor-element.elementor-element-8a71286::before, .elementor-386153 .elementor-element.elementor-element-8a71286::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52f9932 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP BROWS CONTENT — FINAL 2 COLUMN CONTROL ELEMENT: 01.2.2.2 — Browse Categories Popup | Brows Content CSS CLASS: lva-browse-popup-brows-content PURPOSE: CSS is the single source of truth. DESKTOP: [ LEFT COLUMN ] 28px [ RIGHT COLUMN ] TABLET: [ LEFT COLUMN ] 24px [ RIGHT COLUMN ] MOBILE: [ LEFT COLUMN ] [ RIGHT COLUMN ] ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 28px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: flex-start !important; --align-items: flex-start !important; --flex-wrap: nowrap !important; --gap: 0px 28px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 28px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — LEFT COLUMN ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 > .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-left { position: relative !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; min-width: 0 !important; --width: calc(50% - 14px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: calc(50% - 14px) !important; flex: 0 0 calc(50% - 14px) !important; align-self: flex-start !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; float: none !important; clear: none !important; box-sizing: border-box !important; } /* ========================================================= 04 — RIGHT COLUMN ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 > .lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-right { position: relative !important; width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; min-width: 0 !important; --width: calc(50% - 14px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: calc(50% - 14px) !important; flex: 0 0 calc(50% - 14px) !important; align-self: flex-start !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; float: none !important; clear: none !important; box-sizing: border-box !important; } /* ========================================================= 05 — FORCE ONLY THE TWO COLUMN CONTAINERS TO PARTICIPATE IN THE ROW ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 > .elementor-element.lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .elementor-element.lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .elementor-element.lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .elementor-element.lva-browse-popup-brows-right { width: calc(50% - 14px) !important; max-width: calc(50% - 14px) !important; min-width: 0 !important; --width: calc(50% - 14px) !important; flex: 0 0 calc(50% - 14px) !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 06 — LEFT COLUMN INTERNAL FLOW ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-left { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 07 — RIGHT COLUMN INTERNAL FLOW ========================================================= */ .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-right { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 08 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-52f9932 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 24px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; --display: flex !important; --flex-direction: row !important; --justify-content: flex-start !important; --align-items: flex-start !important; --flex-wrap: nowrap !important; --gap: 0px 24px !important; } .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 24px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-52f9932 > .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-right { width: calc(50% - 12px) !important; max-width: calc(50% - 12px) !important; min-width: 0 !important; --width: calc(50% - 12px) !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: calc(50% - 12px) !important; flex: 0 0 calc(50% - 12px) !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 09 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-52f9932 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-52f9932 > .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 > .e-con-inner > .lva-browse-popup-brows-right, .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-left, .elementor-386153 .elementor-element.elementor-element-52f9932 .lva-browse-popup-brows-right { width: 100% !important; max-width: 100% !important; min-width: 0 !important; --width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 10 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-52f9932, .elementor-386153 .elementor-element.elementor-element-52f9932 *, .elementor-386153 .elementor-element.elementor-element-52f9932::before, .elementor-386153 .elementor-element.elementor-element-52f9932::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-170dbc4 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP LASHES DEPARTMENT ELEMENT: 01.2.1 — Browse Categories Popup | Lashes CSS CLASS: lva-browse-popup-lashes APPROVED DESKTOP PROPORTION: Lashes is intentionally the widest department because it contains the largest category set and tray ranges. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-170dbc4 { position: relative !important; width: 42% !important; max-width: 620px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: 42% !important; align-self: flex-start !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-170dbc4 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-170dbc4 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-170dbc4 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET Lashes receives the full first row because it has the deepest category structure. ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-170dbc4 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } .elementor-386153 .elementor-element.elementor-element-170dbc4 > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-170dbc4 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; align-self: stretch !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-170dbc4 > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-170dbc4, .elementor-386153 .elementor-element.elementor-element-170dbc4 *, .elementor-386153 .elementor-element.elementor-element-170dbc4::before, .elementor-386153 .elementor-element.elementor-element-170dbc4::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1f8eafc *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP MAIN MENU BODY ELEMENT: 01.2 — Browse Categories Popup | Body CSS CLASS: lva-browse-popup-body PURPOSE: Main content area underneath the popup header. DESKTOP: Three department columns: - Lashes - Brows - Lamination TABLET: Allows intelligent wrapping. MOBILE: Single stacked column. ========================================================= */ /* ========================================================= 01 — ROOT — DESKTOP ========================================================= */ .elementor-386153 .elementor-element.elementor-element-1f8eafc { position: relative !important; width: 100% !important; max-width: 1624px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; column-gap: 54px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding-top: 34px !important; padding-right: 72px !important; padding-bottom: 40px !important; padding-left: 72px !important; color: #211d1e !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: row !important; --justify-content: space-between !important; --align-items: flex-start !important; --flex-wrap: nowrap !important; --gap: 0px 54px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-1f8eafc > .e-con-inner { position: relative !important; width: 100% !important; max-width: 1480px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; flex-wrap: nowrap !important; column-gap: 54px !important; row-gap: 0 !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT DEPARTMENT CHILDREN ========================================================= */ .elementor-386153 .elementor-element.elementor-element-1f8eafc > .elementor-element, .elementor-386153 .elementor-element.elementor-element-1f8eafc > .e-con-inner > .elementor-element { position: relative !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-1f8eafc { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: wrap !important; column-gap: 42px !important; row-gap: 38px !important; margin: 0 auto !important; padding-top: 30px !important; padding-right: 27px !important; padding-bottom: 36px !important; padding-left: 27px !important; background-color: #ffffff !important; border: 0 !important; box-shadow: none !important; } .elementor-386153 .elementor-element.elementor-element-1f8eafc > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: wrap !important; column-gap: 42px !important; row-gap: 38px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-1f8eafc { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 36px !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding-top: 26px !important; padding-right: 14px !important; padding-bottom: 32px !important; padding-left: 14px !important; background-color: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-386153 .elementor-element.elementor-element-1f8eafc > .e-con-inner { width: 100% !important; max-width: 520px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; column-gap: 0 !important; row-gap: 36px !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 0 !important; } .elementor-386153 .elementor-element.elementor-element-1f8eafc > .elementor-element, .elementor-386153 .elementor-element.elementor-element-1f8eafc > .e-con-inner > .elementor-element { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-1f8eafc, .elementor-386153 .elementor-element.elementor-element-1f8eafc *, .elementor-386153 .elementor-element.elementor-element-1f8eafc::before, .elementor-386153 .elementor-element.elementor-element-1f8eafc::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c1dfd52 *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP MASTER CONTAINER ELEMENT: 01 — Browse Categories Popup | Master CSS CLASS: lva-browse-popup-master PURPOSE: Main white mega-menu panel for the Browse Categories popup. ========================================================= */ /* ========================================================= 01 — ROOT ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c1dfd52 { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: #ffffff !important; background-image: none !important; border-top: 1px solid rgba(33, 29, 30, 0.08) !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: 0 18px 50px rgba(33, 29, 30, 0.08) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: hidden !important; box-sizing: border-box !important; --display: flex !important; --flex-direction: column !important; --justify-content: flex-start !important; --align-items: stretch !important; --flex-wrap: nowrap !important; --gap: 0px !important; } /* ========================================================= 02 — ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c1dfd52 > .e-con-inner { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 03 — DIRECT CHILD FOUNDATION ========================================================= */ .elementor-386153 .elementor-element.elementor-element-c1dfd52 > .elementor-element, .elementor-386153 .elementor-element.elementor-element-c1dfd52 > .e-con-inner > .elementor-element { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04 — TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-386153 .elementor-element.elementor-element-c1dfd52 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; border-top: 1px solid rgba(33, 29, 30, 0.08) !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: 0 16px 42px rgba(33, 29, 30, 0.08) !important; overflow: hidden !important; } } /* ========================================================= 05 — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-386153 .elementor-element.elementor-element-c1dfd52 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 100vh !important; min-height: 100dvh !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; background-image: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow-x: hidden !important; overflow-y: visible !important; box-sizing: border-box !important; } } /* ========================================================= 06 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386153 .elementor-element.elementor-element-c1dfd52, .elementor-386153 .elementor-element.elementor-element-c1dfd52 *, .elementor-386153 .elementor-element.elementor-element-c1dfd52::before, .elementor-386153 .elementor-element.elementor-element-c1dfd52::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS *//* ========================================================= LOVELLA — BROWSE CATEGORIES POPUP NATIVE ELEMENTOR CLOSE BUTTON PURPOSE: Style Elementor's native, functional close control to match the approved Lovella square close button. IMPORTANT: We do NOT replace or intercept its click behaviour. ========================================================= */ /* ========================================================= 01 — NATIVE CLOSE BUTTON — DESKTOP ========================================================= */ #elementor-popup-modal-386153 .dialog-close-button { position: absolute !important; top: 20px !important; right: 72px !important; bottom: auto !important; left: auto !important; width: 42px !important; max-width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid rgba(33, 29, 30, 0.16) !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; cursor: pointer !important; transform: none !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important; box-sizing: border-box !important; z-index: 50 !important; } /* ========================================================= 02 — REMOVE ELEMENTOR DEFAULT POSITIONING ========================================================= */ #elementor-popup-modal-386153 .dialog-close-button.dialog-lightbox-close-button { top: 20px !important; right: 72px !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; border: 1px solid rgba(33, 29, 30, 0.16) !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; } /* ========================================================= 03 — ICON ========================================================= */ #elementor-popup-modal-386153 .dialog-close-button i, #elementor-popup-modal-386153 .dialog-close-button svg { width: 14px !important; max-width: 14px !important; height: 14px !important; max-height: 14px !important; margin: 0 !important; padding: 0 !important; color: #211d1e !important; fill: #211d1e !important; font-size: 14px !important; line-height: 1 !important; opacity: 1 !important; transform: none !important; transition: color 0.2s ease, fill 0.2s ease !important; } /* ========================================================= 04 — HOVER ========================================================= */ #elementor-popup-modal-386153 .dialog-close-button:hover { color: #ffffff !important; background-color: #211d1e !important; border-color: #211d1e !important; opacity: 1 !important; box-shadow: none !important; } #elementor-popup-modal-386153 .dialog-close-button:hover i, #elementor-popup-modal-386153 .dialog-close-button:hover svg { color: #ffffff !important; fill: #ffffff !important; } /* ========================================================= 05 — FOCUS ========================================================= */ #elementor-popup-modal-386153 .dialog-close-button:focus { color: #211d1e !important; background-color: #ffffff !important; border-color: #d28799 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(210, 135, 153, 0.12) !important; } #elementor-popup-modal-386153 .dialog-close-button:focus-visible { outline: 2px solid #d28799 !important; outline-offset: 2px !important; box-shadow: none !important; } /* ========================================================= 06 — TABLET ========================================================= */ @media (max-width: 1024px) { #elementor-popup-modal-386153 .dialog-close-button, #elementor-popup-modal-386153 .dialog-close-button.dialog-lightbox-close-button { top: 18px !important; right: 27px !important; width: 42px !important; max-width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 07 — MOBILE ========================================================= */ @media (max-width: 767px) { #elementor-popup-modal-386153 .dialog-close-button, #elementor-popup-modal-386153 .dialog-close-button.dialog-lightbox-close-button { top: 14px !important; right: 14px !important; width: 44px !important; max-width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(33, 29, 30, 0.16) !important; border-radius: 0 !important; } #elementor-popup-modal-386153 .dialog-close-button i, #elementor-popup-modal-386153 .dialog-close-button svg { width: 14px !important; max-width: 14px !important; height: 14px !important; max-height: 14px !important; font-size: 14px !important; } } /* ========================================================= 08 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { #elementor-popup-modal-386153 .dialog-close-button, #elementor-popup-modal-386153 .dialog-close-button *, #elementor-popup-modal-386153 .dialog-close-button::before, #elementor-popup-modal-386153 .dialog-close-button::after { transition: none !important; animation: none !important; } }/* End custom CSS */