.elementor-386036 .elementor-element.elementor-element-e3d15e2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-386036 .elementor-element.elementor-element-2c84239{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-386036 .elementor-element.elementor-element-047e839{--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:110px 110px;--row-gap:110px;--column-gap:110px;}.elementor-386036 .elementor-element.elementor-element-736ffeb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-386036 .elementor-element.elementor-element-90f2de5{--display:flex;--min-height:90px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-386036 .elementor-element.elementor-element-90f2de5:not(.elementor-motion-effects-element-type-background), .elementor-386036 .elementor-element.elementor-element-90f2de5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lovella.co.za/wp-content/uploads/2026/08/Lovella-Lash-Brow-Artistry-Footer-Logo.webp");background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-386036 .elementor-element.elementor-element-4eb1482{font-family:"Cormorant Garamond", Lato;font-size:36px;font-weight:400;}.elementor-386036 .elementor-element.elementor-element-4eb1482 a{color:#FFFFFF;}.elementor-386036 .elementor-element.elementor-element-9ffbe6f{--display:flex;--min-height:620px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-386036 .elementor-element.elementor-element-45654c2 .elementor-heading-title{font-family:"Didot", Lato;font-size:50px;font-weight:200;text-transform:none;line-height:1.8em;letter-spacing:5px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Lato;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Lato;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Lato;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group.recaptcha_v3-bottomleft, .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-html{padding-bottom:0px;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-button[type="submit"]{color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-386036 .elementor-element.elementor-element-7b57dba{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-386036 .elementor-element.elementor-element-74d2413{--display:flex;--min-height:1px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-386036 .elementor-element.elementor-element-e1b4911{--display:flex;--min-height:1px;--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-386036 .elementor-element.elementor-element-0eee585{--display:flex;--min-height:1px;--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-386036 .elementor-element.elementor-element-0ef18c6{--display:flex;--min-height:1px;--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-386036 .elementor-element.elementor-element-46fa682{--display:flex;--min-height:1px;--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-386036 .elementor-element.elementor-element-d04f389{--display:flex;--min-height:1px;--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-386036 .elementor-element.elementor-element-398e0ea{--display:flex;--min-height:1px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-386036 .elementor-element.elementor-element-e465603{--display:flex;--min-height:1px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-386036 .elementor-element.elementor-element-ecc072c{--display:flex;--min-height:1px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-386036 .elementor-element.elementor-element-a4bccda{--display:flex;--min-height:1px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-386036 .elementor-element.elementor-element-e80ebcb{--display:flex;--min-height:1px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-386036 .elementor-element.elementor-element-2c84239{--width:1500px;}}@media(min-width:992px){.elementor-386036 .elementor-element.elementor-element-90f2de5:not(.elementor-motion-effects-element-type-background), .elementor-386036 .elementor-element.elementor-element-90f2de5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@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 container, class: .elementor-element-90f2de5 *//* ========================================================= LOVELLA FOOTER CUSTOM LOGO ========================================================= */ .elementor-386036 .elementor-element.elementor-element-90f2de5 { width: 360px !important; max-width: 100% !important; min-height: 90px !important; margin: 0 !important; padding: 0 !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: contain !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-90f2de5 > .e-con-inner { width: 100% !important; min-height: 90px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-90f2de5 { width: 320px !important; min-height: 80px !important; } .elementor-386036 .elementor-element.elementor-element-90f2de5 > .e-con-inner { min-height: 80px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-90f2de5 { width: 270px !important; min-height: 68px !important; } .elementor-386036 .elementor-element.elementor-element-90f2de5 > .e-con-inner { min-height: 68px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4eb1482 *//* ========================================================= LOVELLA FOOTER BRAND STATEMENT ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4eb1482 { width: 100% !important; max-width: 680px !important; margin-top: 30px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; } /* ========================================================= ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4eb1482 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4eb1482, .elementor-386036 .elementor-element.elementor-element-4eb1482 p { color: rgba(255, 255, 255, 0.78) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 36px !important; line-height: 1.34 !important; font-weight: 400 !important; letter-spacing: -0.025em !important; } .elementor-386036 .elementor-element.elementor-element-4eb1482 p { margin: 0 !important; padding: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-4eb1482 { margin-top: 28px !important; } .elementor-386036 .elementor-element.elementor-element-4eb1482, .elementor-386036 .elementor-element.elementor-element-4eb1482 p { font-size: 30px !important; line-height: 1.34 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-4eb1482 { margin-top: 25px !important; } .elementor-386036 .elementor-element.elementor-element-4eb1482, .elementor-386036 .elementor-element.elementor-element-4eb1482 p { font-size: 26px !important; line-height: 1.36 !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ddb79b6 *//* ========================================================= LOVELLA FOOTER ONLINE ACADEMY BUTTON ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 { width: auto !important; max-width: 100% !important; margin-top: 38px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-ddb79b6 .elementor-widget-container { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= BUTTON ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 17px !important; min-height: 66px !important; margin: 0 !important; padding: 10px 25px 10px 11px !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.018) !important; color: #ffffff !important; text-decoration: none !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease !important; } /* ========================================================= HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy:hover { transform: translateY(-3px); border-color: rgba(210, 135, 153, 0.70) !important; background: rgba(210, 135, 153, 0.08) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16) !important; } /* ========================================================= ICON CIRCLE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__icon { flex: 0 0 44px !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: #f0d7d5 !important; } .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__icon svg { width: 17px !important; height: 17px !important; fill: none !important; stroke: #211d1e !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ========================================================= COPY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__copy { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 3px !important; min-width: 0 !important; } /* ========================================================= SMALL LABEL ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__label { display: block !important; margin: 0 !important; padding: 0 !important; color: #d28799 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; } /* ========================================================= MAIN TITLE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__title { display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 20px !important; line-height: 1.1 !important; font-weight: 500 !important; letter-spacing: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-ddb79b6 { margin-top: 34px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-ddb79b6 { width: 100% !important; margin-top: 30px !important; } .elementor-386036 .elementor-element.elementor-element-ddb79b6 .elementor-widget-container { width: 100% !important; } .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy { width: 100% !important; min-height: 64px !important; padding: 9px 18px 9px 10px !important; } .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__icon { flex-basis: 44px !important; width: 44px !important; height: 44px !important; } .elementor-386036 .elementor-element.elementor-element-ddb79b6 .lovella-footer-academy__title { font-size: 18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-736ffeb *//* ========================================================= LOVELLA FOOTER BRAND COLUMN ========================================================= */ .elementor-386036 .elementor-element.elementor-element-736ffeb { width: 100% !important; max-width: 720px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-736ffeb > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-736ffeb { max-width: 650px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-736ffeb { max-width: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6f4f2ac *//* ========================================================= LOVELLA FOOTER NEWSLETTER EYEBROW ========================================================= */ .elementor-386036 .elementor-element.elementor-element-6f4f2ac { width: auto !important; max-width: 100% !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 20px !important; margin-left: 0 !important; padding: 0 !important; } /* ========================================================= ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-6f4f2ac .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-6f4f2ac .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #f0d7d5 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-6f4f2ac { margin-bottom: 18px !important; } .elementor-386036 .elementor-element.elementor-element-6f4f2ac .elementor-heading-title { font-size: 8px !important; letter-spacing: 0.18em !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-45654c2 *//* ========================================================= LOVELLA FOOTER NEWSLETTER MAIN HEADING ========================================================= */ .elementor-386036 .elementor-element.elementor-element-45654c2 { width: 100% !important; max-width: 620px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-45654c2 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-386036 .elementor-element.elementor-element-45654c2 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 66px !important; line-height: 0.93 !important; font-weight: 500 !important; letter-spacing: -0.05em !important; } /* ========================================================= ACCENT WORD ========================================================= */ .elementor-386036 .elementor-element.elementor-element-45654c2 .elementor-heading-title em { color: #d28799 !important; font-style: italic !important; font-weight: 400 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-45654c2 .elementor-heading-title { font-size: 58px !important; line-height: 0.93 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-45654c2 .elementor-heading-title { font-size: 46px !important; line-height: 0.93 !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a6e2103 *//* ========================================================= LOVELLA FOOTER NEWSLETTER SUPPORTING COPY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-a6e2103 { width: 100% !important; max-width: 550px !important; margin-top: 20px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; } /* ========================================================= ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-a6e2103 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-a6e2103, .elementor-386036 .elementor-element.elementor-element-a6e2103 p { color: rgba(255, 255, 255, 0.55) !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.72 !important; font-weight: 400 !important; letter-spacing: 0 !important; } .elementor-386036 .elementor-element.elementor-element-a6e2103 p { margin: 0 !important; padding: 0 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-a6e2103 { margin-top: 18px !important; } .elementor-386036 .elementor-element.elementor-element-a6e2103, .elementor-386036 .elementor-element.elementor-element-a6e2103 p { font-size: 13px !important; line-height: 1.68 !important; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-7b57dba *//* ========================================================= LOVELLA FOOTER NEWSLETTER FORM ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba { position: relative !important; width: 100% !important; max-width: 620px !important; margin-top: 37px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= FORM ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-form { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-form-fields-wrapper { position: relative !important; width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= EMAIL FIELD GROUP ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group-email { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= EMAIL INPUT ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba input[type="email"] { width: 100% !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 70px 0 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important; border-radius: 0 !important; outline: none !important; background: transparent !important; box-shadow: none !important; color: #ffffff !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 13px !important; line-height: 1 !important; font-weight: 400 !important; transition: border-color 0.25s ease !important; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.42) !important; opacity: 1 !important; } /* ========================================================= INPUT FOCUS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba input[type="email"]:focus { border-bottom-color: #d28799 !important; background: transparent !important; box-shadow: none !important; } /* ========================================================= REMOVE DEFAULT FIELD SPACING ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-group { margin-bottom: 0 !important; } /* ========================================================= SUBMIT FIELD POSITION ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit { position: absolute !important; top: 7px !important; right: 0 !important; z-index: 5 !important; width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= SUBMIT BUTTON Approved circular arrow treatment ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button { position: relative !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.055) !important; box-shadow: none !important; color: #ffffff !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.28s ease, background-color 0.28s ease, box-shadow 0.28s ease !important; } /* ========================================================= HIDE "SEND" ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button-text { font-size: 0 !important; line-height: 0 !important; color: transparent !important; width: 0 !important; overflow: hidden !important; } /* ========================================================= REMOVE ELEMENTOR BUTTON CONTENT SPACING ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button-content-wrapper { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= CUSTOM ARROW ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button::before { content: "→"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -52%); color: #ffffff; font-family: "Hanken Grotesk", Arial, sans-serif; font-size: 18px; line-height: 1; font-weight: 400; pointer-events: none; transition: transform 0.28s ease, color 0.28s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button:hover { transform: translateX(3px); background: #d28799 !important; box-shadow: 0 10px 24px rgba(210, 135, 153, 0.18) !important; } .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button:hover::before { transform: translate(-42%, -52%); color: #ffffff; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button:focus-visible { outline: 1px solid #f0d7d5 !important; outline-offset: 3px !important; } /* ========================================================= SUCCESS MESSAGE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-message-success { margin-top: 14px !important; color: #f0d7d5 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 11px !important; line-height: 1.5 !important; } /* ========================================================= ERROR MESSAGE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-message-danger, .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-help-inline { margin-top: 10px !important; color: #d28799 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.5 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-7b57dba { margin-top: 34px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-7b57dba { width: 100% !important; max-width: none !important; margin-top: 28px !important; } .elementor-386036 .elementor-element.elementor-element-7b57dba input[type="email"] { height: 56px !important; min-height: 56px !important; padding-right: 64px !important; } .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit { top: 6px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button, .elementor-386036 .elementor-element.elementor-element-7b57dba .elementor-field-type-submit .elementor-button::before { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9ffbe6f *//* ========================================================= LOVELLA FOOTER NEWSLETTER COLUMN ========================================================= */ .elementor-386036 .elementor-element.elementor-element-9ffbe6f { position: relative !important; width: 100% !important; max-width: 620px !important; justify-self: end !important; margin: 0 !important; padding-top: 14px !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-9ffbe6f > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } /* ========================================================= TABLET Newsletter stacks below Brand ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-9ffbe6f { max-width: 650px !important; justify-self: start !important; padding-top: 0 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-9ffbe6f { width: 100% !important; max-width: none !important; padding-top: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-047e839 *//* ========================================================= LOVELLA FOOTER TOP CONTENT AREA ========================================================= */ .elementor-386036 .elementor-element.elementor-element-047e839 { position: relative !important; z-index: 10 !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 72px !important; padding-left: 0 !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-047e839 > .e-con-inner { position: relative !important; z-index: 10 !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr) !important; gap: clamp(70px, 9vw, 150px) !important; align-items: start !important; align-content: start !important; overflow: visible !important; } /* ========================================================= BRAND + NEWSLETTER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-047e839 .lovella-footer__brand, .elementor-386036 .elementor-element.elementor-element-047e839 .lovella-footer__newsletter { position: relative !important; z-index: 20 !important; height: auto !important; min-height: 0 !important; } /* ========================================================= TABLET / SMALL DESKTOP ========================================================= */ @media (max-width: 1180px) { .elementor-386036 .elementor-element.elementor-element-047e839 > .e-con-inner { grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr) !important; gap: 60px !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-047e839 { padding-bottom: 58px !important; } .elementor-386036 .elementor-element.elementor-element-047e839 > .e-con-inner { grid-template-columns: 1fr !important; gap: 60px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-047e839 { padding-bottom: 48px !important; } .elementor-386036 .elementor-element.elementor-element-047e839 > .e-con-inner { gap: 52px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74d2413 *//* ========================================================= LOVELLA FOOTER DIVIDER 01 ========================================================= */ .elementor-386036 .elementor-element.elementor-element-74d2413 { position: relative !important; z-index: 20 !important; width: 100% !important; max-width: none !important; height: 1px !important; min-height: 1px !important; margin: 0 !important; padding: 0 !important; background: rgba(255, 255, 255, 0.10) !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-74d2413 > .e-con-inner { display: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-de19ee3 *//* ========================================================= LOVELLA FOOTER COLUMN TITLE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-de19ee3 { width: auto !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 25px !important; margin-left: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-de19ee3 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-de19ee3 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #f0d7d5 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-de19ee3 { margin-bottom: 20px !important; } .elementor-386036 .elementor-element.elementor-element-de19ee3 .elementor-heading-title { font-size: 8px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8b21ec5 *//* ========================================================= LOVELLA FOOTER NAVIGATION LINKS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-8b21ec5 { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-8b21ec5 .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= LIST ========================================================= */ .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links li { margin: 0 0 14px 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links li:last-child { margin-bottom: 0 !important; } /* ========================================================= LINK TYPOGRAPHY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links a { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.72) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-decoration: none !important; transition: color 0.25s ease !important; pointer-events: auto !important; } /* ========================================================= UNDERLINE HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #d28799; transition: width 0.30s ease; pointer-events: none; } .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links a:hover { color: #ffffff !important; } .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links a:hover::after { width: 100%; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links li { margin-bottom: 12px !important; } .elementor-386036 .elementor-element.elementor-element-8b21ec5 .lovella-footer-links a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0eee585 *//* ========================================================= LOVELLA FOOTER EXPLORE COLUMN ========================================================= */ .elementor-386036 .elementor-element.elementor-element-0eee585 { position: relative !important; z-index: 30 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } .elementor-386036 .elementor-element.elementor-element-0eee585 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fafe697 *//* ========================================================= LOVELLA FOOTER TRAINING COLUMN TITLE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-fafe697 { width: auto !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 25px !important; margin-left: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-fafe697 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-fafe697 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #f0d7d5 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-fafe697 { margin-bottom: 20px !important; } .elementor-386036 .elementor-element.elementor-element-fafe697 .elementor-heading-title { font-size: 8px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bd32cab *//* ========================================================= LOVELLA FOOTER TRAINING NAVIGATION LINKS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bd32cab { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-bd32cab .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= LIST ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links li { margin: 0 0 14px 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links li:last-child { margin-bottom: 0 !important; } /* ========================================================= LINK TYPOGRAPHY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links a { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.72) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-decoration: none !important; transition: color 0.25s ease !important; pointer-events: auto !important; } /* ========================================================= UNDERLINE HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #d28799; transition: width 0.30s ease; pointer-events: none; } .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links a:hover { color: #ffffff !important; } .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links a:hover::after { width: 100%; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links li { margin-bottom: 12px !important; } .elementor-386036 .elementor-element.elementor-element-bd32cab .lovella-footer-links a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0ef18c6 *//* ========================================================= LOVELLA FOOTER TRAINING COLUMN ========================================================= */ .elementor-386036 .elementor-element.elementor-element-0ef18c6 { position: relative !important; z-index: 30 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } .elementor-386036 .elementor-element.elementor-element-0ef18c6 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7595d0c *//* ========================================================= LOVELLA FOOTER SHOP COLUMN TITLE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-7595d0c { width: auto !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 25px !important; margin-left: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-7595d0c .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-7595d0c .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #f0d7d5 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-7595d0c { margin-bottom: 20px !important; } .elementor-386036 .elementor-element.elementor-element-7595d0c .elementor-heading-title { font-size: 8px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4ce7b4c *//* ========================================================= LOVELLA FOOTER SHOP NAVIGATION LINKS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4ce7b4c { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-4ce7b4c .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= LIST ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links li { margin: 0 0 14px 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links li:last-child { margin-bottom: 0 !important; } /* ========================================================= LINK TYPOGRAPHY ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links a { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.72) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-decoration: none !important; transition: color 0.25s ease !important; pointer-events: auto !important; } /* ========================================================= UNDERLINE HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #d28799; transition: width 0.30s ease; pointer-events: none; } .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links a:hover { color: #ffffff !important; } .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links a:hover::after { width: 100%; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links li { margin-bottom: 12px !important; } .elementor-386036 .elementor-element.elementor-element-4ce7b4c .lovella-footer-links a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46fa682 *//* ========================================================= LOVELLA FOOTER SHOP COLUMN ========================================================= */ .elementor-386036 .elementor-element.elementor-element-46fa682 { position: relative !important; z-index: 30 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } .elementor-386036 .elementor-element.elementor-element-46fa682 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6639b5c *//* ========================================================= LOVELLA FOOTER LOVELLA COLUMN TITLE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-6639b5c { width: auto !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 25px !important; margin-left: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-6639b5c .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-6639b5c .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #f0d7d5 !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-6639b5c { margin-bottom: 20px !important; } .elementor-386036 .elementor-element.elementor-element-6639b5c .elementor-heading-title { font-size: 8px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5eea957 *//* ========================================================= LOVELLA FOOTER LOVELLA NAVIGATION / CONTACT LINKS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-5eea957 { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= LIST ========================================================= */ .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links li { margin: 0 0 14px 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links li:last-child { margin-bottom: 0 !important; } /* ========================================================= STANDARD LINKS + LOCATION ========================================================= */ .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links a, .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-location { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.72) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-decoration: none !important; } /* ========================================================= LINK TRANSITIONS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links a { transition: color 0.25s ease !important; pointer-events: auto !important; } /* ========================================================= STANDARD LINK UNDERLINE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #d28799; transition: width 0.30s ease; pointer-events: none; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links a:hover { color: #ffffff !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links a:hover::after { width: 100%; } /* ========================================================= EMAIL Different treatment from normal navigation links ========================================================= */ .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links .lovella-footer-email { margin-top: 4px !important; color: #ffffff !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 11px !important; line-height: 1.4 !important; font-weight: 800 !important; letter-spacing: 0.03em !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links .lovella-footer-email::after { width: 100% !important; background: rgba(255, 255, 255, 0.35) !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links .lovella-footer-email:hover::after { background: #d28799 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links li { margin-bottom: 12px !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links a, .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-location { font-size: 16px !important; } .elementor-386036 .elementor-element.elementor-element-5eea957 .lovella-footer-links .lovella-footer-email { font-size: 10px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d04f389 *//* ========================================================= LOVELLA FOOTER LOVELLA COLUMN ========================================================= */ .elementor-386036 .elementor-element.elementor-element-d04f389 { position: relative !important; z-index: 30 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; overflow: visible !important; } .elementor-386036 .elementor-element.elementor-element-d04f389 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e1b4911 *//* ========================================================= LOVELLA FOOTER NAVIGATION GRID ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e1b4911 { position: relative !important; z-index: 20 !important; width: 100% !important; margin: 0 !important; padding-top: 67px !important; padding-right: 0 !important; padding-bottom: 66px !important; padding-left: 0 !important; display: grid !important; grid-template-columns: 1.1fr 1fr 1fr 0.85fr !important; gap: clamp(45px, 7vw, 110px) !important; align-items: start !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e1b4911 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: contents !important; } /* ========================================================= TABLET / SMALL DESKTOP ========================================================= */ @media (max-width: 1180px) { .elementor-386036 .elementor-element.elementor-element-e1b4911 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 55px 80px !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-e1b4911 { padding-top: 54px !important; padding-bottom: 54px !important; gap: 52px 60px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-e1b4911 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 44px 22px !important; padding-top: 48px !important; padding-bottom: 48px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .elementor-386036 .elementor-element.elementor-element-e1b4911 { grid-template-columns: 1fr !important; gap: 38px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-398e0ea *//* ========================================================= LOVELLA FOOTER DIVIDER 03 ========================================================= */ .elementor-386036 .elementor-element.elementor-element-398e0ea { position: relative !important; z-index: 20 !important; width: 100% !important; max-width: none !important; height: 1px !important; min-height: 1px !important; margin: 0 !important; padding: 0 !important; background: rgba(255, 255, 255, 0.10) !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-398e0ea > .e-con-inner { display: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cc5d10a *//* ========================================================= LOVELLA FOOTER FOLLOW LABEL ========================================================= */ .elementor-386036 .elementor-element.elementor-element-cc5d10a { position: relative !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; gap: 16px !important; } .elementor-386036 .elementor-element.elementor-element-cc5d10a .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-cc5d10a .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.45) !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.19em !important; text-transform: uppercase !important; } /* ========================================================= PINK LINE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-cc5d10a::before { content: ""; width: 40px; height: 1px; flex: 0 0 auto; background: #d28799; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-cc5d10a { gap: 14px !important; } .elementor-386036 .elementor-element.elementor-element-cc5d10a::before { width: 24px; } .elementor-386036 .elementor-element.elementor-element-cc5d10a .elementor-heading-title { font-size: 8px !important; letter-spacing: 0.15em !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-60fd63a *//* ========================================================= LOVELLA FOOTER SOCIAL BUTTONS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-60fd63a { width: auto !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-60fd63a .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-60fd63a .lovella-footer-socials { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; } /* ========================================================= SOCIAL BUTTON ========================================================= */ .elementor-386036 .elementor-element.elementor-element-60fd63a .lovella-footer-social { width: 46px !important; height: 46px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; border-radius: 50% !important; background: transparent !important; color: rgba(255, 255, 255, 0.80) !important; text-decoration: none !important; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important; pointer-events: auto !important; } /* ========================================================= SVG ========================================================= */ .elementor-386036 .elementor-element.elementor-element-60fd63a .lovella-footer-social svg { width: 15px !important; height: 15px !important; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-60fd63a .lovella-footer-social:hover { transform: translateY(-3px); border-color: #d28799 !important; background: #d28799 !important; color: #ffffff !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-60fd63a .lovella-footer-social { width: 42px !important; height: 42px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e465603 *//* ========================================================= LOVELLA FOOTER SOCIAL ROW ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e465603 { position: relative !important; z-index: 30 !important; width: 100% !important; margin: 0 !important; padding-top: 24px !important; padding-right: 0 !important; padding-bottom: 24px !important; padding-left: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e465603 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; overflow: visible !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-e465603 { padding-top: 22px !important; padding-bottom: 22px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .elementor-386036 .elementor-element.elementor-element-e465603, .elementor-386036 .elementor-element.elementor-element-e465603 > .e-con-inner { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ecc072c *//* ========================================================= LOVELLA FOOTER DIVIDER 02 ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ecc072c { position: relative !important; z-index: 20 !important; width: 100% !important; max-width: none !important; height: 1px !important; min-height: 1px !important; margin: 0 !important; padding: 0 !important; background: rgba(255, 255, 255, 0.10) !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-ecc072c > .e-con-inner { display: none !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0ceb677 *//* ========================================================= LOVELLA FOOTER COPYRIGHT ========================================================= */ .elementor-386036 .elementor-element.elementor-element-0ceb677 { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-0ceb677 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-0ceb677, .elementor-386036 .elementor-element.elementor-element-0ceb677 p { margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.32) !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1.5 !important; font-weight: 800 !important; letter-spacing: 0.11em !important; text-transform: uppercase !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bc99c8c *//* ========================================================= LOVELLA FOOTER LEGAL LINKS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bc99c8c { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-bc99c8c .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-bc99c8c .lovella-footer-legal { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 25px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= LINKS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bc99c8c .lovella-footer-legal a { position: relative !important; margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.35) !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 8px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; transition: color 0.25s ease !important; pointer-events: auto !important; } /* ========================================================= HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bc99c8c .lovella-footer-legal a:hover { color: #d28799 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-bc99c8c .lovella-footer-legal { justify-content: flex-start !important; gap: 18px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4bccda *//* ========================================================= LOVELLA FOOTER BOTTOM COPYRIGHT / LEGAL ROW ========================================================= */ .elementor-386036 .elementor-element.elementor-element-a4bccda { position: relative !important; z-index: 30 !important; width: 100% !important; margin: 0 !important; padding-top: 25px !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 35px !important; flex-wrap: wrap !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-a4bccda > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 35px !important; flex-wrap: wrap !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-a4bccda { padding-top: 22px !important; } .elementor-386036 .elementor-element.elementor-element-a4bccda, .elementor-386036 .elementor-element.elementor-element-a4bccda > .e-con-inner { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 18px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-32e9e04 *//* ========================================================= LOVELLA FOOTER DESIGNER CREDIT LABEL ========================================================= */ .elementor-386036 .elementor-element.elementor-element-32e9e04 { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-32e9e04 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-386036 .elementor-element.elementor-element-32e9e04 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #fff !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; font-size: 7px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-32e9e04 .elementor-heading-title { font-size: 6px !important; letter-spacing: 0.12em !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bb2f66b *//* ========================================================= LOVELLA FOOTER SCHROEDER DESIGN CREDIT LOGO ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bb2f66b { position: relative !important; flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= ELEMENTOR WIDGET CONTAINER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bb2f66b .elementor-widget-container { width: auto !important; margin: 0 !important; padding: 6px 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 999px !important; background: rgba(252, 250, 251, 0.92) !important; box-shadow: none !important; overflow: hidden !important; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; } /* ========================================================= LINK ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bb2f66b a { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; text-decoration: none !important; pointer-events: auto !important; } /* ========================================================= LOGO IMAGE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bb2f66b img { display: block !important; width: 150px !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; opacity: 0.88 !important; object-fit: contain !important; transition: opacity 0.25s ease, transform 0.25s ease !important; } /* ========================================================= HOVER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-bb2f66b .elementor-widget-container:hover { transform: translateY(-2px); border-color: rgba(210, 135, 153, 0.30) !important; background: #fcfafb !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10) !important; } .elementor-386036 .elementor-element.elementor-element-bb2f66b .elementor-widget-container:hover img { opacity: 1 !important; transform: scale(1.015); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-bb2f66b img { width: 140px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-bb2f66b .elementor-widget-container { padding: 5px 8px !important; } .elementor-386036 .elementor-element.elementor-element-bb2f66b img { width: 120px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386036 .elementor-element.elementor-element-bb2f66b .elementor-widget-container, .elementor-386036 .elementor-element.elementor-element-bb2f66b img { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e80ebcb *//* ========================================================= LOVELLA FOOTER DESIGNER CREDIT ROW RIGHT-ALIGNED SIGNATURE ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e80ebcb { position: relative !important; z-index: 30 !important; width: 100% !important; max-width: none !important; margin-top: 26px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 20px !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 10px !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; overflow: visible !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e80ebcb > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 10px !important; overflow: visible !important; } /* ========================================================= CHILD ELEMENTS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e80ebcb > .e-con-inner > *, .elementor-386036 .elementor-element.elementor-element-e80ebcb > * { flex: 0 0 auto; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-e80ebcb { margin-top: 24px !important; padding-top: 18px !important; gap: 8px !important; } .elementor-386036 .elementor-element.elementor-element-e80ebcb > .e-con-inner { gap: 8px !important; } } /* ========================================================= VERY SMALL MOBILE Allow sensible wrapping only when absolutely necessary ========================================================= */ @media (max-width: 420px) { .elementor-386036 .elementor-element.elementor-element-e80ebcb, .elementor-386036 .elementor-element.elementor-element-e80ebcb > .e-con-inner { flex-wrap: wrap !important; justify-content: flex-end !important; row-gap: 7px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c84239 *//* ========================================================= LOVELLA FOOTER INNER CONTENT WRAPPER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-2c84239 { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 1500px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 104px !important; padding-right: 0 !important; padding-bottom: 30px !important; padding-left: 0 !important; } /* ========================================================= TABLET / SMALL DESKTOP ========================================================= */ @media (max-width: 1180px) { .elementor-386036 .elementor-element.elementor-element-2c84239 { max-width: 980px !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-2c84239 { max-width: 760px !important; padding-top: 82px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-2c84239 { width: 100% !important; max-width: none !important; padding-top: 68px !important; padding-bottom: 24px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3d15e2 *//* ========================================================= LOVELLA FOOTER MASTER OUTER CONTAINER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 { position: relative !important; isolation: isolate !important; width: 100% !important; max-width: none !important; margin: 0 !important; overflow: hidden !important; background: radial-gradient( circle at 82% 0%, rgba(210, 135, 153, 0.10), transparent 29% ), radial-gradient( circle at 4% 12%, rgba(240, 215, 213, 0.055), transparent 25% ), #181415 !important; color: #ffffff !important; font-family: "Hanken Grotesk", Arial, sans-serif !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* ========================================================= MASTER CONTENT LAYER ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 > .e-con-inner { position: relative !important; z-index: 10 !important; pointer-events: none !important; } /* ========================================================= ELEMENTOR STRUCTURAL LAYERS MUST NEVER BLOCK FOOTER INTERACTION ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-background-overlay, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-shape, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-shape-top, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-shape-bottom { pointer-events: none !important; } /* ========================================================= DEFAULT FOOTER CHILDREN Structural/content wrappers do not capture clicks ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 .e-con, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-element, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-widget, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .elementor-widget-container { pointer-events: none !important; } /* ========================================================= RESTORE REAL INTERACTIVE ELEMENTS ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 a, .elementor-386036 .elementor-element.elementor-element-e3d15e2 button, .elementor-386036 .elementor-element.elementor-element-e3d15e2 input, .elementor-386036 .elementor-element.elementor-element-e3d15e2 textarea, .elementor-386036 .elementor-element.elementor-element-e3d15e2 select, .elementor-386036 .elementor-element.elementor-element-e3d15e2 form, .elementor-386036 .elementor-element.elementor-element-e3d15e2 label { pointer-events: auto !important; } /* ========================================================= ALSO RESTORE THEIR INTERNAL CONTENT ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 a *, .elementor-386036 .elementor-element.elementor-element-e3d15e2 button *, .elementor-386036 .elementor-element.elementor-element-e3d15e2 form * { pointer-events: auto !important; } /* ========================================================= KEEP BRAND + NEWSLETTER ABOVE DECORATION ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer__brand, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer__newsletter { position: relative !important; z-index: 50 !important; } /* ========================================================= ACADEMY BUTTON ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer-academy { position: relative !important; z-index: 100 !important; pointer-events: auto !important; } /* ========================================================= NEWSLETTER FORM ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer-newsletter-form { position: relative !important; z-index: 100 !important; pointer-events: none !important; } .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer-newsletter-form input, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer-newsletter-form button, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer-newsletter-form form, .elementor-386036 .elementor-element.elementor-element-e3d15e2 .lovella-footer-newsletter-form label { position: relative !important; z-index: 110 !important; pointer-events: auto !important; } /* ========================================================= LARGE EDITORIAL LOVELLA WATERMARK ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2::after { content: "LOVELLA"; position: absolute; right: -0.035em; bottom: 0.03em; z-index: 0; color: rgba(255, 255, 255, 0.018); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(170px, 20vw, 360px); line-height: 0.7; font-weight: 600; letter-spacing: -0.07em; white-space: nowrap; pointer-events: none !important; } /* ========================================================= TOP VERTICAL DETAIL ========================================================= */ .elementor-386036 .elementor-element.elementor-element-e3d15e2::before { content: ""; position: absolute; top: 0; right: 7vw; z-index: 0; width: 1px; height: 72px; background: linear-gradient( 180deg, rgba(210, 135, 153, 0), rgba(210, 135, 153, 0.75), rgba(210, 135, 153, 0) ); pointer-events: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-386036 .elementor-element.elementor-element-e3d15e2 { padding-right: 18px !important; padding-left: 18px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 620px) { .elementor-386036 .elementor-element.elementor-element-e3d15e2 { padding-right: 14px !important; padding-left: 14px !important; } .elementor-386036 .elementor-element.elementor-element-e3d15e2::before { right: 24px; height: 52px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-386036 .elementor-element.elementor-element-e3d15e2 *, .elementor-386036 .elementor-element.elementor-element-e3d15e2 *::before, .elementor-386036 .elementor-element.elementor-element-e3d15e2 *::after { transition-duration: 0.001ms !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Didot'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://lovella.co.za/wp-content/uploads/2019/11/Didot-Italic.ttf') format('truetype'); } /* End Custom Fonts CSS */