Plugin Directory

Changeset 3241372


Ignore:
Timestamp:
02/16/2025 02:43:28 PM (3 weeks ago)
Author:
KingYes
Message:

Upload v1.2.1

Location:
hello-plus/trunk
Files:
6 added
61 edited

Legend:

Unmodified
Added
Removed
  • hello-plus/trunk/build/css/helloplus-cta-rtl.css

    r3238471 r3241372  
    1 .ehp-cta{--cta-box-height:auto;--cta-box-full-height:100vh;--cta-elements-spacing:40px;--cta-buttons-space-between:16px;--cta-content-alignment:center;--cta-buttons-vertical-position:start;--cta-content-position-vertical:start;--cta-heading-color:#28292b;--cta-description-color:#28292b;--cta-button-primary-icon-spacing:10px;--cta-button-primary-icon-size:16px;--cta-button-primary-text-color:#fff;--cta-button-primary-text-color-hover:#7a7a7a;--cta-button-primary-border-width:0;--cta-button-primary-border-color:transparent;--cta-button-primary-padding-block-end:8px;--cta-button-primary-padding-block-start:8px;--cta-button-primary-padding-inline-end:16px;--cta-button-primary-padding-inline-start:16px;--cta-button-primary-border-radius-block-end:8px;--cta-button-primary-border-radius-block-start:8px;--cta-button-primary-border-radius-inline-end:8px;--cta-button-primary-border-radius-inline-start:8px;--cta-button-secondary-icon-spacing:10px;--cta-button-secondary-icon-size:16px;--cta-button-secondary-text-color:#54595f;--cta-button-secondary-text-color-hover:#54595f;--cta-button-secondary-border-width:2px;--cta-button-secondary-border-color:#54595f;--cta-button-secondary-padding-block-end:8px;--cta-button-secondary-padding-block-start:8px;--cta-button-secondary-padding-inline-end:16px;--cta-button-secondary-padding-inline-start:16px;--cta-button-secondary-border-radius-block-end:8px;--cta-button-secondary-border-radius-block-start:8px;--cta-button-secondary-border-radius-inline-end:8px;--cta-button-secondary-border-radius-inline-start:8px;--cta-box-padding-block-end:60px;--cta-box-padding-block-start:60px;--cta-box-padding-inline-end:60px;--cta-box-padding-inline-start:60px;--cta-box-border-color:#54595f;--cta-box-border-width:1px;--cta-image-position:center center;--cta-image-border-width:1px;--cta-image-border-color:#54595f;--cta-border-radius-default:8px;--cta-border-radius-sharp:0;--cta-border-radius-rounded:12px;--cta-border-radius-round:32px;--cta-border-radius-oval:50%;--cta-box-border-radius-custom-block-end:0;--cta-box-border-radius-custom-block-start:0;--cta-box-border-radius-custom-inline-end:0;--cta-box-border-radius-custom-inline-start:0;--cta-image-border-radius-custom-block-end:0;--cta-image-border-radius-custom-block-start:0;--cta-image-border-radius-custom-inline-end:0;--cta-image-border-radius-custom-inline-start:0;--cta-text-container-flex-grow-default:0;--cta-text-container-flex-grow-end:1;--cta-text-container-flex-grow:var(--cta-text-container-flex-grow-default);display:flex;height:100%;justify-content:center;min-height:var(--cta-box-height);padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta .has-shape-sharp,.ehp-cta.has-shape-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-rounded,.ehp-cta.has-shape-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-round,.ehp-cta.has-shape-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-default,.ehp-cta.has-shape-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-oval,.ehp-cta.has-shape-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-custom,.ehp-cta.has-shape-custom{border-bottom-right-radius:var(--cta-border-radius-inline-start);border-bottom-left-radius:var(--cta-border-radius-inline-end);border-top-right-radius:var(--cta-border-radius-block-end);border-top-left-radius:var(--cta-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-cta .has-shape-md-sharp,.ehp-cta.has-shape-md-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-md-rounded,.ehp-cta.has-shape-md-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-md-round,.ehp-cta.has-shape-md-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-md-default,.ehp-cta.has-shape-md-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-md-oval,.ehp-cta.has-shape-md-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-md-custom,.ehp-cta.has-shape-md-custom{border-bottom-right-radius:var(--cta-border-radius-inline-start);border-bottom-left-radius:var(--cta-border-radius-inline-end);border-top-right-radius:var(--cta-border-radius-block-end);border-top-left-radius:var(--cta-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-cta .has-shape-sm-sharp,.ehp-cta.has-shape-sm-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-sm-rounded,.ehp-cta.has-shape-sm-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-sm-round,.ehp-cta.has-shape-sm-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-sm-default,.ehp-cta.has-shape-sm-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-sm-oval,.ehp-cta.has-shape-sm-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-sm-custom,.ehp-cta.has-shape-sm-custom{border-bottom-right-radius:var(--cta-border-radius-inline-start);border-bottom-left-radius:var(--cta-border-radius-inline-end);border-top-right-radius:var(--cta-border-radius-block-end);border-top-left-radius:var(--cta-border-radius-block-start)}}.ehp-cta.has-shape-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-cta.has-shape-md-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-md-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-cta.has-shape-sm-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-sm-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}.ehp-cta.has-border{border-color:var(--cta-box-border-color);border-style:solid;border-width:var(--cta-box-border-width)}.ehp-cta.has-image-stretch{padding:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__elements-container{gap:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__text-container{padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__elements-container{padding-block-end:var(--cta-box-padding-block-end)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__ctas-container,.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__text-container{padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}@supports(height:100dvh){.ehp-cta{--cta-box-full-height:100dvh}}@media(max-width:767px){.ehp-cta.is-full-height-mobile{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-mobile_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:768px)and (max-width:1024px){.ehp-cta.is-full-height-tablet{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-laptop,.ehp-cta.is-full-height-tablet_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px){.ehp-cta.is-full-height-desktop{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px)and (max-width:99999px){.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1){.ehp-cta.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}.ehp-cta.has-preset-focus{--cta-content-alignment:start}.ehp-cta.has-preset-focus .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-focus .ehp-cta__elements-container{flex-direction:row;justify-content:space-between}.ehp-cta.has-preset-focus .ehp-cta__text-container{width:66.66%}.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper{justify-content:flex-end}}.ehp-cta.has-preset-storytelling,.ehp-cta.has-preset-streamline{--cta-content-alignment:center}.ehp-cta.has-preset-storytelling .ehp-cta__elements-container,.ehp-cta.has-preset-streamline .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (max-width:767px){.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper,.ehp-cta.has-preset-showcase .ehp-cta__buttons-wrapper{flex-direction:column}}.ehp-cta.has-preset-showcase{--cta-content-alignment:start}.ehp-cta.has-preset-showcase .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container{flex-direction:row}.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__text-container{width:50%}}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__text-container{order:1}@media screen and (max-width:1024px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__text-container{order:1}}@media screen and (max-width:767px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__text-container{order:1}}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__text-container{display:flex;flex-direction:column;justify-content:var(--cta-content-position-vertical)}}.ehp-cta a.ehp-button,.ehp-cta a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--cta-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--cta-button-primary-icon-size);--ehp-button-primary-text-color:var(--cta-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--cta-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--cta-button-primary-border-width);--ehp-button-primary-border-color:var(--cta-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--cta-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--cta-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--cta-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--cta-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--cta-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--cta-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--cta-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--cta-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--cta-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--cta-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--cta-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--cta-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--cta-button-secondary-border-width);--ehp-button-secondary-border-color:var(--cta-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--cta-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--cta-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--cta-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--cta-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--cta-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--cta-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--cta-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--cta-button-secondary-border-radius-inline-start)}.ehp-cta__ctas-container{align-items:var(--cta-buttons-vertical-position);display:flex}.ehp-cta__buttons-wrapper{display:flex;gap:var(--cta-buttons-space-between);justify-content:var(--cta-content-alignment);width:100%}@media screen and (min-width:768px){.ehp-cta__buttons-wrapper{align-items:center;flex-direction:row}}.ehp-cta__buttons-wrapper.has-cta-width-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-stretch .ehp-cta__button{width:100%}@media screen and (max-width:1024px){.ehp-cta__buttons-wrapper.has-cta-width-md-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch .ehp-cta__button{width:100%}}@media screen and (max-width:767px){.ehp-cta__buttons-wrapper.has-cta-width-sm-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch .ehp-cta__button{width:100%}}.ehp-cta__elements-container{display:flex;gap:var(--cta-elements-spacing);height:100%;max-width:var(--cta-content-width);width:100%;z-index:1}.ehp-cta__heading{color:var(--cta-heading-color);margin:0}.ehp-cta__description{color:var(--cta-description-color);margin:0}.ehp-cta__text-container{display:flex;flex-direction:column;flex-grow:var(--cta-text-container-flex-grow);gap:var(--cta-elements-spacing);text-align:var(--cta-content-alignment)}.ehp-cta__image-container{align-items:center;display:flex;justify-content:center;z-index:2}.elementor .ehp-cta__image-container img{height:var(--cta-image-height);min-height:var(--cta-image-min-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--cta-image-position);object-position:var(--cta-image-position);width:var(--cta-image-width)}.elementor .ehp-cta__image-container img.has-shape-rounded{--cta-border-shape-rounded:52px}.elementor .ehp-cta__image-container img.has-shape-round{--cta-border-shape-round:300px}.elementor .ehp-cta__image-container img.has-shape-custom{--cta-border-radius-block-end:var(--cta-image-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-image-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-image-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-image-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.elementor .ehp-cta__image-container img.has-shape-md-rounded{--cta-border-shape-rounded:52px}.elementor .ehp-cta__image-container img.has-shape-md-round{--cta-border-shape-round:300px}.elementor .ehp-cta__image-container img.has-shape-md-custom{--cta-border-radius-block-end:var(--cta-image-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-image-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-image-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-image-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.elementor .ehp-cta__image-container img.has-shape-sm-rounded{--cta-border-shape-rounded:52px}.elementor .ehp-cta__image-container img.has-shape-sm-round{--cta-border-shape-round:300px}.elementor .ehp-cta__image-container img.has-shape-sm-custom{--cta-border-radius-block-end:var(--cta-image-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-image-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-image-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-image-border-radius-custom-inline-start)}}.elementor .ehp-cta__image-container img.has-border{border-color:var(--cta-image-border-color);border-style:solid;border-width:var(--cta-image-border-width)}.ehp-cta.has-image-stretch{--cta-image-height:100%;--cta-image-width:100%}.ehp-cta__overlay{height:100%;right:0;opacity:var(--cta-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
     1.ehp-cta{--cta-box-height:auto;--cta-box-full-height:100vh;--cta-elements-spacing:40px;--cta-buttons-space-between:16px;--cta-content-alignment:center;--cta-buttons-vertical-position:start;--cta-content-position-vertical:start;--cta-heading-color:#28292b;--cta-description-color:#28292b;--cta-button-primary-icon-spacing:10px;--cta-button-primary-icon-size:16px;--cta-button-primary-text-color:#fff;--cta-button-primary-text-color-hover:#7a7a7a;--cta-button-primary-border-width:0;--cta-button-primary-border-color:transparent;--cta-button-primary-border-radius-block-end:8px;--cta-button-primary-border-radius-block-start:8px;--cta-button-primary-border-radius-inline-end:8px;--cta-button-primary-border-radius-inline-start:8px;--cta-button-secondary-icon-spacing:10px;--cta-button-secondary-icon-size:16px;--cta-button-secondary-text-color:#54595f;--cta-button-secondary-text-color-hover:#54595f;--cta-button-secondary-border-width:2px;--cta-button-secondary-border-color:#54595f;--cta-button-secondary-border-radius-block-end:8px;--cta-button-secondary-border-radius-block-start:8px;--cta-button-secondary-border-radius-inline-end:8px;--cta-button-secondary-border-radius-inline-start:8px;--cta-box-border-color:#54595f;--cta-box-border-width:1px;--cta-border-radius-default:8px;--cta-border-radius-sharp:0;--cta-border-radius-rounded:12px;--cta-border-radius-round:32px;--cta-border-radius-oval:50%;--cta-box-border-radius-custom-block-end:0;--cta-box-border-radius-custom-block-start:0;--cta-box-border-radius-custom-inline-end:0;--cta-box-border-radius-custom-inline-start:0;--cta-text-container-flex-grow-default:0;--cta-text-container-flex-grow-end:1;--cta-text-container-flex-grow:var(--cta-text-container-flex-grow-default);display:flex;height:100%;justify-content:center;min-height:var(--cta-box-height);padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta .has-shape-sharp,.ehp-cta.has-shape-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-rounded,.ehp-cta.has-shape-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-round,.ehp-cta.has-shape-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-default,.ehp-cta.has-shape-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-oval,.ehp-cta.has-shape-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-custom,.ehp-cta.has-shape-custom{border-bottom-right-radius:var(--cta-border-radius-inline-start);border-bottom-left-radius:var(--cta-border-radius-inline-end);border-top-right-radius:var(--cta-border-radius-block-end);border-top-left-radius:var(--cta-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-cta .has-shape-md-sharp,.ehp-cta.has-shape-md-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-md-rounded,.ehp-cta.has-shape-md-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-md-round,.ehp-cta.has-shape-md-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-md-default,.ehp-cta.has-shape-md-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-md-oval,.ehp-cta.has-shape-md-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-md-custom,.ehp-cta.has-shape-md-custom{border-bottom-right-radius:var(--cta-border-radius-inline-start);border-bottom-left-radius:var(--cta-border-radius-inline-end);border-top-right-radius:var(--cta-border-radius-block-end);border-top-left-radius:var(--cta-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-cta .has-shape-sm-sharp,.ehp-cta.has-shape-sm-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-sm-rounded,.ehp-cta.has-shape-sm-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-sm-round,.ehp-cta.has-shape-sm-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-sm-default,.ehp-cta.has-shape-sm-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-sm-oval,.ehp-cta.has-shape-sm-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-sm-custom,.ehp-cta.has-shape-sm-custom{border-bottom-right-radius:var(--cta-border-radius-inline-start);border-bottom-left-radius:var(--cta-border-radius-inline-end);border-top-right-radius:var(--cta-border-radius-block-end);border-top-left-radius:var(--cta-border-radius-block-start)}}.ehp-cta.has-shape-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-cta.has-shape-md-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-md-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-cta.has-shape-sm-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-sm-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}.ehp-cta.has-border{border-color:var(--cta-box-border-color);border-style:solid;border-width:var(--cta-box-border-width)}.ehp-cta.has-image-stretch{--cta-image-width:100%;padding:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__elements-container{gap:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__text-container{padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__elements-container{padding-block-end:var(--cta-box-padding-block-end)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__ctas-container,.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__text-container{padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}@supports(height:100dvh){.ehp-cta{--cta-box-full-height:100dvh}}@media(max-width:767px){.ehp-cta.is-full-height-mobile{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-mobile_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:768px)and (max-width:1024px){.ehp-cta.is-full-height-tablet{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-laptop,.ehp-cta.is-full-height-tablet_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px){.ehp-cta.is-full-height-desktop{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px)and (max-width:99999px){.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1){.ehp-cta.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}.ehp-cta.has-preset-focus{--cta-content-alignment:start}.ehp-cta.has-preset-focus .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-focus .ehp-cta__elements-container{flex-direction:row;justify-content:space-between}.ehp-cta.has-preset-focus .ehp-cta__text-container{width:66.66%}.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper{justify-content:flex-end}}.ehp-cta.has-preset-storytelling,.ehp-cta.has-preset-streamline{--cta-content-alignment:center}.ehp-cta.has-preset-storytelling .ehp-cta__elements-container,.ehp-cta.has-preset-streamline .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (max-width:767px){.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper,.ehp-cta.has-preset-showcase .ehp-cta__buttons-wrapper{flex-direction:column}}.ehp-cta.has-preset-showcase{--cta-content-alignment:start}.ehp-cta.has-preset-showcase .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container{flex-direction:row}.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__text-container{width:50%}}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__text-container{order:1}@media screen and (max-width:1024px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__text-container{order:1}}@media screen and (max-width:767px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__text-container{order:1}}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__text-container{display:flex;flex-direction:column;justify-content:var(--cta-content-position-vertical)}}.ehp-cta a.ehp-button,.ehp-cta a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--cta-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--cta-button-primary-icon-size);--ehp-button-primary-text-color:var(--cta-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--cta-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--cta-button-primary-border-width);--ehp-button-primary-border-color:var(--cta-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--cta-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--cta-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--cta-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--cta-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--cta-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--cta-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--cta-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--cta-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--cta-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--cta-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--cta-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--cta-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--cta-button-secondary-border-width);--ehp-button-secondary-border-color:var(--cta-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--cta-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--cta-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--cta-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--cta-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--cta-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--cta-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--cta-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--cta-button-secondary-border-radius-inline-start)}.ehp-cta .ehp-image{--ehp-image-height:var(--cta-image-height);--ehp-image-min-height:var(--cta-image-min-height);--ehp-image-position:var(--cta-image-position);--ehp-image-width:var(--cta-image-width);--ehp-image-border-color:var(--cta-image-border-color);--ehp-image-border-width:var(--cta-image-border-width);--ehp-image-border-radius-block-end:var(--cta-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--cta-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--cta-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--cta-image-border-radius-inline-start)}.ehp-cta__ctas-container{align-items:var(--cta-buttons-vertical-position);display:flex}.ehp-cta__buttons-wrapper{display:flex;gap:var(--cta-buttons-space-between);justify-content:var(--cta-content-alignment);width:100%}@media screen and (min-width:768px){.ehp-cta__buttons-wrapper{align-items:center;flex-direction:row}}.ehp-cta__buttons-wrapper.has-cta-width-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-stretch .ehp-cta__button{width:100%}@media screen and (max-width:1024px){.ehp-cta__buttons-wrapper.has-cta-width-md-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch .ehp-cta__button{width:100%}}@media screen and (max-width:767px){.ehp-cta__buttons-wrapper.has-cta-width-sm-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch .ehp-cta__button{width:100%}}.ehp-cta__elements-container{display:flex;gap:var(--cta-elements-spacing);height:100%;max-width:var(--cta-content-width);width:100%;z-index:1}.ehp-cta__heading{color:var(--cta-heading-color);margin:0}.ehp-cta__description{color:var(--cta-description-color);margin:0}.ehp-cta__text-container{display:flex;flex-direction:column;flex-grow:var(--cta-text-container-flex-grow);gap:var(--cta-elements-spacing);text-align:var(--cta-content-alignment)}.ehp-cta__overlay{height:100%;right:0;opacity:var(--cta-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
  • hello-plus/trunk/build/css/helloplus-cta.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => 'fc073e53500ed2bf0c69');
     1<?php return array('dependencies' => array(), 'version' => '4b59e85b1a1e4a7278af');
  • hello-plus/trunk/build/css/helloplus-cta.css

    r3238471 r3241372  
    1 .ehp-cta{--cta-box-height:auto;--cta-box-full-height:100vh;--cta-elements-spacing:40px;--cta-buttons-space-between:16px;--cta-content-alignment:center;--cta-buttons-vertical-position:start;--cta-content-position-vertical:start;--cta-heading-color:#28292b;--cta-description-color:#28292b;--cta-button-primary-icon-spacing:10px;--cta-button-primary-icon-size:16px;--cta-button-primary-text-color:#fff;--cta-button-primary-text-color-hover:#7a7a7a;--cta-button-primary-border-width:0;--cta-button-primary-border-color:transparent;--cta-button-primary-padding-block-end:8px;--cta-button-primary-padding-block-start:8px;--cta-button-primary-padding-inline-end:16px;--cta-button-primary-padding-inline-start:16px;--cta-button-primary-border-radius-block-end:8px;--cta-button-primary-border-radius-block-start:8px;--cta-button-primary-border-radius-inline-end:8px;--cta-button-primary-border-radius-inline-start:8px;--cta-button-secondary-icon-spacing:10px;--cta-button-secondary-icon-size:16px;--cta-button-secondary-text-color:#54595f;--cta-button-secondary-text-color-hover:#54595f;--cta-button-secondary-border-width:2px;--cta-button-secondary-border-color:#54595f;--cta-button-secondary-padding-block-end:8px;--cta-button-secondary-padding-block-start:8px;--cta-button-secondary-padding-inline-end:16px;--cta-button-secondary-padding-inline-start:16px;--cta-button-secondary-border-radius-block-end:8px;--cta-button-secondary-border-radius-block-start:8px;--cta-button-secondary-border-radius-inline-end:8px;--cta-button-secondary-border-radius-inline-start:8px;--cta-box-padding-block-end:60px;--cta-box-padding-block-start:60px;--cta-box-padding-inline-end:60px;--cta-box-padding-inline-start:60px;--cta-box-border-color:#54595f;--cta-box-border-width:1px;--cta-image-position:center center;--cta-image-border-width:1px;--cta-image-border-color:#54595f;--cta-border-radius-default:8px;--cta-border-radius-sharp:0;--cta-border-radius-rounded:12px;--cta-border-radius-round:32px;--cta-border-radius-oval:50%;--cta-box-border-radius-custom-block-end:0;--cta-box-border-radius-custom-block-start:0;--cta-box-border-radius-custom-inline-end:0;--cta-box-border-radius-custom-inline-start:0;--cta-image-border-radius-custom-block-end:0;--cta-image-border-radius-custom-block-start:0;--cta-image-border-radius-custom-inline-end:0;--cta-image-border-radius-custom-inline-start:0;--cta-text-container-flex-grow-default:0;--cta-text-container-flex-grow-end:1;--cta-text-container-flex-grow:var(--cta-text-container-flex-grow-default);display:flex;height:100%;justify-content:center;min-height:var(--cta-box-height);padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta .has-shape-sharp,.ehp-cta.has-shape-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-rounded,.ehp-cta.has-shape-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-round,.ehp-cta.has-shape-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-default,.ehp-cta.has-shape-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-oval,.ehp-cta.has-shape-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-custom,.ehp-cta.has-shape-custom{border-bottom-left-radius:var(--cta-border-radius-inline-start);border-bottom-right-radius:var(--cta-border-radius-inline-end);border-top-left-radius:var(--cta-border-radius-block-end);border-top-right-radius:var(--cta-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-cta .has-shape-md-sharp,.ehp-cta.has-shape-md-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-md-rounded,.ehp-cta.has-shape-md-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-md-round,.ehp-cta.has-shape-md-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-md-default,.ehp-cta.has-shape-md-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-md-oval,.ehp-cta.has-shape-md-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-md-custom,.ehp-cta.has-shape-md-custom{border-bottom-left-radius:var(--cta-border-radius-inline-start);border-bottom-right-radius:var(--cta-border-radius-inline-end);border-top-left-radius:var(--cta-border-radius-block-end);border-top-right-radius:var(--cta-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-cta .has-shape-sm-sharp,.ehp-cta.has-shape-sm-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-sm-rounded,.ehp-cta.has-shape-sm-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-sm-round,.ehp-cta.has-shape-sm-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-sm-default,.ehp-cta.has-shape-sm-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-sm-oval,.ehp-cta.has-shape-sm-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-sm-custom,.ehp-cta.has-shape-sm-custom{border-bottom-left-radius:var(--cta-border-radius-inline-start);border-bottom-right-radius:var(--cta-border-radius-inline-end);border-top-left-radius:var(--cta-border-radius-block-end);border-top-right-radius:var(--cta-border-radius-block-start)}}.ehp-cta.has-shape-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-cta.has-shape-md-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-md-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-cta.has-shape-sm-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-sm-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}.ehp-cta.has-border{border-color:var(--cta-box-border-color);border-style:solid;border-width:var(--cta-box-border-width)}.ehp-cta.has-image-stretch{padding:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__elements-container{gap:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__text-container{padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__elements-container{padding-block-end:var(--cta-box-padding-block-end)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__ctas-container,.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__text-container{padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}@supports(height:100dvh){.ehp-cta{--cta-box-full-height:100dvh}}@media(max-width:767px){.ehp-cta.is-full-height-mobile{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-mobile_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:768px)and (max-width:1024px){.ehp-cta.is-full-height-tablet{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-laptop,.ehp-cta.is-full-height-tablet_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px){.ehp-cta.is-full-height-desktop{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px)and (max-width:99999px){.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1){.ehp-cta.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}.ehp-cta.has-preset-focus{--cta-content-alignment:start}.ehp-cta.has-preset-focus .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-focus .ehp-cta__elements-container{flex-direction:row;justify-content:space-between}.ehp-cta.has-preset-focus .ehp-cta__text-container{width:66.66%}.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper{justify-content:flex-end}}.ehp-cta.has-preset-storytelling,.ehp-cta.has-preset-streamline{--cta-content-alignment:center}.ehp-cta.has-preset-storytelling .ehp-cta__elements-container,.ehp-cta.has-preset-streamline .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (max-width:767px){.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper,.ehp-cta.has-preset-showcase .ehp-cta__buttons-wrapper{flex-direction:column}}.ehp-cta.has-preset-showcase{--cta-content-alignment:start}.ehp-cta.has-preset-showcase .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container{flex-direction:row}.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__text-container{width:50%}}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__text-container{order:1}@media screen and (max-width:1024px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__text-container{order:1}}@media screen and (max-width:767px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__text-container{order:1}}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__text-container{display:flex;flex-direction:column;justify-content:var(--cta-content-position-vertical)}}.ehp-cta a.ehp-button,.ehp-cta a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--cta-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--cta-button-primary-icon-size);--ehp-button-primary-text-color:var(--cta-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--cta-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--cta-button-primary-border-width);--ehp-button-primary-border-color:var(--cta-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--cta-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--cta-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--cta-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--cta-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--cta-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--cta-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--cta-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--cta-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--cta-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--cta-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--cta-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--cta-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--cta-button-secondary-border-width);--ehp-button-secondary-border-color:var(--cta-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--cta-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--cta-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--cta-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--cta-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--cta-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--cta-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--cta-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--cta-button-secondary-border-radius-inline-start)}.ehp-cta__ctas-container{align-items:var(--cta-buttons-vertical-position);display:flex}.ehp-cta__buttons-wrapper{display:flex;gap:var(--cta-buttons-space-between);justify-content:var(--cta-content-alignment);width:100%}@media screen and (min-width:768px){.ehp-cta__buttons-wrapper{align-items:center;flex-direction:row}}.ehp-cta__buttons-wrapper.has-cta-width-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-stretch .ehp-cta__button{width:100%}@media screen and (max-width:1024px){.ehp-cta__buttons-wrapper.has-cta-width-md-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch .ehp-cta__button{width:100%}}@media screen and (max-width:767px){.ehp-cta__buttons-wrapper.has-cta-width-sm-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch .ehp-cta__button{width:100%}}.ehp-cta__elements-container{display:flex;gap:var(--cta-elements-spacing);height:100%;max-width:var(--cta-content-width);width:100%;z-index:1}.ehp-cta__heading{color:var(--cta-heading-color);margin:0}.ehp-cta__description{color:var(--cta-description-color);margin:0}.ehp-cta__text-container{display:flex;flex-direction:column;flex-grow:var(--cta-text-container-flex-grow);gap:var(--cta-elements-spacing);text-align:var(--cta-content-alignment)}.ehp-cta__image-container{align-items:center;display:flex;justify-content:center;z-index:2}.elementor .ehp-cta__image-container img{height:var(--cta-image-height);min-height:var(--cta-image-min-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--cta-image-position);object-position:var(--cta-image-position);width:var(--cta-image-width)}.elementor .ehp-cta__image-container img.has-shape-rounded{--cta-border-shape-rounded:52px}.elementor .ehp-cta__image-container img.has-shape-round{--cta-border-shape-round:300px}.elementor .ehp-cta__image-container img.has-shape-custom{--cta-border-radius-block-end:var(--cta-image-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-image-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-image-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-image-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.elementor .ehp-cta__image-container img.has-shape-md-rounded{--cta-border-shape-rounded:52px}.elementor .ehp-cta__image-container img.has-shape-md-round{--cta-border-shape-round:300px}.elementor .ehp-cta__image-container img.has-shape-md-custom{--cta-border-radius-block-end:var(--cta-image-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-image-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-image-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-image-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.elementor .ehp-cta__image-container img.has-shape-sm-rounded{--cta-border-shape-rounded:52px}.elementor .ehp-cta__image-container img.has-shape-sm-round{--cta-border-shape-round:300px}.elementor .ehp-cta__image-container img.has-shape-sm-custom{--cta-border-radius-block-end:var(--cta-image-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-image-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-image-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-image-border-radius-custom-inline-start)}}.elementor .ehp-cta__image-container img.has-border{border-color:var(--cta-image-border-color);border-style:solid;border-width:var(--cta-image-border-width)}.ehp-cta.has-image-stretch{--cta-image-height:100%;--cta-image-width:100%}.ehp-cta__overlay{height:100%;left:0;opacity:var(--cta-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
     1.ehp-cta{--cta-box-height:auto;--cta-box-full-height:100vh;--cta-elements-spacing:40px;--cta-buttons-space-between:16px;--cta-content-alignment:center;--cta-buttons-vertical-position:start;--cta-content-position-vertical:start;--cta-heading-color:#28292b;--cta-description-color:#28292b;--cta-button-primary-icon-spacing:10px;--cta-button-primary-icon-size:16px;--cta-button-primary-text-color:#fff;--cta-button-primary-text-color-hover:#7a7a7a;--cta-button-primary-border-width:0;--cta-button-primary-border-color:transparent;--cta-button-primary-border-radius-block-end:8px;--cta-button-primary-border-radius-block-start:8px;--cta-button-primary-border-radius-inline-end:8px;--cta-button-primary-border-radius-inline-start:8px;--cta-button-secondary-icon-spacing:10px;--cta-button-secondary-icon-size:16px;--cta-button-secondary-text-color:#54595f;--cta-button-secondary-text-color-hover:#54595f;--cta-button-secondary-border-width:2px;--cta-button-secondary-border-color:#54595f;--cta-button-secondary-border-radius-block-end:8px;--cta-button-secondary-border-radius-block-start:8px;--cta-button-secondary-border-radius-inline-end:8px;--cta-button-secondary-border-radius-inline-start:8px;--cta-box-border-color:#54595f;--cta-box-border-width:1px;--cta-border-radius-default:8px;--cta-border-radius-sharp:0;--cta-border-radius-rounded:12px;--cta-border-radius-round:32px;--cta-border-radius-oval:50%;--cta-box-border-radius-custom-block-end:0;--cta-box-border-radius-custom-block-start:0;--cta-box-border-radius-custom-inline-end:0;--cta-box-border-radius-custom-inline-start:0;--cta-text-container-flex-grow-default:0;--cta-text-container-flex-grow-end:1;--cta-text-container-flex-grow:var(--cta-text-container-flex-grow-default);display:flex;height:100%;justify-content:center;min-height:var(--cta-box-height);padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta .has-shape-sharp,.ehp-cta.has-shape-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-rounded,.ehp-cta.has-shape-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-round,.ehp-cta.has-shape-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-default,.ehp-cta.has-shape-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-oval,.ehp-cta.has-shape-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-custom,.ehp-cta.has-shape-custom{border-bottom-left-radius:var(--cta-border-radius-inline-start);border-bottom-right-radius:var(--cta-border-radius-inline-end);border-top-left-radius:var(--cta-border-radius-block-end);border-top-right-radius:var(--cta-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-cta .has-shape-md-sharp,.ehp-cta.has-shape-md-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-md-rounded,.ehp-cta.has-shape-md-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-md-round,.ehp-cta.has-shape-md-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-md-default,.ehp-cta.has-shape-md-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-md-oval,.ehp-cta.has-shape-md-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-md-custom,.ehp-cta.has-shape-md-custom{border-bottom-left-radius:var(--cta-border-radius-inline-start);border-bottom-right-radius:var(--cta-border-radius-inline-end);border-top-left-radius:var(--cta-border-radius-block-end);border-top-right-radius:var(--cta-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-cta .has-shape-sm-sharp,.ehp-cta.has-shape-sm-sharp{border-radius:var(--cta-border-radius-sharp)}.ehp-cta .has-shape-sm-rounded,.ehp-cta.has-shape-sm-rounded{border-radius:var(--cta-border-radius-rounded)}.ehp-cta .has-shape-sm-round,.ehp-cta.has-shape-sm-round{border-radius:var(--cta-border-radius-round)}.ehp-cta .has-shape-sm-default,.ehp-cta.has-shape-sm-default{border-radius:var(--cta-border-radius-default)}.ehp-cta .has-shape-sm-oval,.ehp-cta.has-shape-sm-oval{border-radius:var(--cta-border-radius-oval)}.ehp-cta .has-shape-sm-custom,.ehp-cta.has-shape-sm-custom{border-bottom-left-radius:var(--cta-border-radius-inline-start);border-bottom-right-radius:var(--cta-border-radius-inline-end);border-top-left-radius:var(--cta-border-radius-block-end);border-top-right-radius:var(--cta-border-radius-block-start)}}.ehp-cta.has-shape-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-cta.has-shape-md-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-md-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-cta.has-shape-sm-rounded{--cta-border-shape-rounded:52px}.ehp-cta.has-shape-sm-custom{--cta-border-radius-block-end:var(--cta-box-border-radius-custom-block-end);--cta-border-radius-block-start:var(--cta-box-border-radius-custom-block-start);--cta-border-radius-inline-end:var(--cta-box-border-radius-custom-inline-end);--cta-border-radius-inline-start:var(--cta-box-border-radius-custom-inline-start)}}.ehp-cta.has-border{border-color:var(--cta-box-border-color);border-style:solid;border-width:var(--cta-box-border-width)}.ehp-cta.has-image-stretch{--cta-image-width:100%;padding:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__elements-container{gap:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__text-container{padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__elements-container{padding-block-end:var(--cta-box-padding-block-end)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__ctas-container,.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__text-container{padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}@supports(height:100dvh){.ehp-cta{--cta-box-full-height:100dvh}}@media(max-width:767px){.ehp-cta.is-full-height-mobile{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-mobile_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:768px)and (max-width:1024px){.ehp-cta.is-full-height-tablet{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-laptop,.ehp-cta.is-full-height-tablet_extra{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px){.ehp-cta.is-full-height-desktop{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:1025px)and (max-width:99999px){.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}@media(min-width:-1){.ehp-cta.is-full-height-widescreen{--cta-box-height:var(--cta-box-full-height,100vh);align-items:center}}.ehp-cta.has-preset-focus{--cta-content-alignment:start}.ehp-cta.has-preset-focus .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-focus .ehp-cta__elements-container{flex-direction:row;justify-content:space-between}.ehp-cta.has-preset-focus .ehp-cta__text-container{width:66.66%}.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper{justify-content:flex-end}}.ehp-cta.has-preset-storytelling,.ehp-cta.has-preset-streamline{--cta-content-alignment:center}.ehp-cta.has-preset-storytelling .ehp-cta__elements-container,.ehp-cta.has-preset-streamline .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (max-width:767px){.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper,.ehp-cta.has-preset-showcase .ehp-cta__buttons-wrapper{flex-direction:column}}.ehp-cta.has-preset-showcase{--cta-content-alignment:start}.ehp-cta.has-preset-showcase .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container{flex-direction:row}.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container .ehp-cta__text-container{width:50%}}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__text-container{order:1}@media screen and (max-width:1024px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__text-container{order:1}}@media screen and (max-width:767px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__text-container{order:1}}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__text-container{display:flex;flex-direction:column;justify-content:var(--cta-content-position-vertical)}}.ehp-cta a.ehp-button,.ehp-cta a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--cta-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--cta-button-primary-icon-size);--ehp-button-primary-text-color:var(--cta-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--cta-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--cta-button-primary-border-width);--ehp-button-primary-border-color:var(--cta-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--cta-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--cta-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--cta-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--cta-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--cta-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--cta-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--cta-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--cta-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--cta-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--cta-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--cta-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--cta-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--cta-button-secondary-border-width);--ehp-button-secondary-border-color:var(--cta-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--cta-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--cta-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--cta-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--cta-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--cta-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--cta-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--cta-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--cta-button-secondary-border-radius-inline-start)}.ehp-cta .ehp-image{--ehp-image-height:var(--cta-image-height);--ehp-image-min-height:var(--cta-image-min-height);--ehp-image-position:var(--cta-image-position);--ehp-image-width:var(--cta-image-width);--ehp-image-border-color:var(--cta-image-border-color);--ehp-image-border-width:var(--cta-image-border-width);--ehp-image-border-radius-block-end:var(--cta-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--cta-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--cta-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--cta-image-border-radius-inline-start)}.ehp-cta__ctas-container{align-items:var(--cta-buttons-vertical-position);display:flex}.ehp-cta__buttons-wrapper{display:flex;gap:var(--cta-buttons-space-between);justify-content:var(--cta-content-alignment);width:100%}@media screen and (min-width:768px){.ehp-cta__buttons-wrapper{align-items:center;flex-direction:row}}.ehp-cta__buttons-wrapper.has-cta-width-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-stretch .ehp-cta__button{width:100%}@media screen and (max-width:1024px){.ehp-cta__buttons-wrapper.has-cta-width-md-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-md-stretch .ehp-cta__button{width:100%}}@media screen and (max-width:767px){.ehp-cta__buttons-wrapper.has-cta-width-sm-default{flex-direction:row}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch{align-items:flex-start;flex-direction:column}.ehp-cta__buttons-wrapper.has-cta-width-sm-stretch .ehp-cta__button{width:100%}}.ehp-cta__elements-container{display:flex;gap:var(--cta-elements-spacing);height:100%;max-width:var(--cta-content-width);width:100%;z-index:1}.ehp-cta__heading{color:var(--cta-heading-color);margin:0}.ehp-cta__description{color:var(--cta-description-color);margin:0}.ehp-cta__text-container{display:flex;flex-direction:column;flex-grow:var(--cta-text-container-flex-grow);gap:var(--cta-elements-spacing);text-align:var(--cta-content-alignment)}.ehp-cta__overlay{height:100%;left:0;opacity:var(--cta-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
  • hello-plus/trunk/build/css/helloplus-flex-hero-rtl.css

    r3238471 r3241372  
    1 .ehp-flex-hero{--flex-hero-content-alignment-showcase:center;--flex-hero-content-alignment-storytelling:start;--flex-hero-content-position:flex-start;--flex-hero-content-width:648px;--flex-hero-buttons-space-between:16px;--flex-hero-gap:60px;--flex-hero-element-spacing:40px;--flex-hero-box-height:auto;--flex-hero-box-full-height:100vh;--flex-hero-intro-color:#7a7a7a;--flex-hero-heading-color:#54595f;--flex-hero-subheading-color:#54595f;--flex-hero-button-primary-icon-spacing:10px;--flex-hero-button-primary-icon-size:16px;--flex-hero-button-primary-text-color:#fff;--flex-hero-button-primary-text-color-hover:#7a7a7a;--flex-hero-button-primary-border-width:0;--flex-hero-button-primary-border-color:transparent;--flex-hero-button-primary-padding-block-end:8px;--flex-hero-button-primary-padding-block-start:8px;--flex-hero-button-primary-padding-inline-end:16px;--flex-hero-button-primary-padding-inline-start:16px;--flex-hero-button-primary-border-radius-block-end:8px;--flex-hero-button-primary-border-radius-block-start:8px;--flex-hero-button-primary-border-radius-inline-end:8px;--flex-hero-button-primary-border-radius-inline-start:8px;--flex-hero-button-secondary-icon-spacing:10px;--flex-hero-button-secondary-icon-size:16px;--flex-hero-button-secondary-text-color:#54595f;--flex-hero-button-secondary-text-color-hover:#54595f;--flex-hero-button-secondary-border-width:2px;--flex-hero-button-secondary-border-color:#54595f;--flex-hero-button-secondary-padding-block-end:8px;--flex-hero-button-secondary-padding-block-start:8px;--flex-hero-button-secondary-padding-inline-end:16px;--flex-hero-button-secondary-padding-inline-start:16px;--flex-hero-button-secondary-border-radius-block-end:8px;--flex-hero-button-secondary-border-radius-block-start:8px;--flex-hero-button-secondary-border-radius-inline-end:8px;--flex-hero-button-secondary-border-radius-inline-start:8px;--flex-hero-box-padding-block-end:60px;--flex-hero-box-padding-block-start:60px;--flex-hero-box-padding-inline-end:60px;--flex-hero-box-padding-inline-start:60px;--flex-hero-box-border-color:#54595f;--flex-hero-box-border-width:1px;--flex-hero-image-position:center center;--flex-hero-image-border-width:1px;--flex-hero-image-border-color:#54595f;--flex-hero-border-radius-default:8px;--flex-hero-border-radius-sharp:0;--flex-hero-border-radius-rounded:12px;--flex-hero-border-radius-round:32px;--flex-hero-border-radius-oval:50%;--flex-hero-image-border-radius-custom-block-end:0;--flex-hero-image-border-radius-custom-block-start:0;--flex-hero-image-border-radius-custom-inline-end:0;--flex-hero-image-border-radius-custom-inline-start:0;--flex-hero-box-border-radius-custom-block-end:0;--flex-hero-box-border-radius-custom-block-start:0;--flex-hero-box-border-radius-custom-inline-end:0;--flex-hero-box-border-radius-custom-inline-start:0;display:flex;flex-direction:column;gap:var(--flex-hero-gap);min-height:var(--flex-hero-box-height);overflow:hidden;padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start);position:relative}@supports(height:100dvh){.ehp-flex-hero{--flex-hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-flex-hero.is-full-height-mobile{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-mobile_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:768px)and (max-width:1024px){.ehp-flex-hero.is-full-height-tablet{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-laptop,.ehp-flex-hero.is-full-height-tablet_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px){.ehp-flex-hero.is-full-height-desktop{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px)and (max-width:99999px){.ehp-flex-hero.is-full-height-desktop.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1){.ehp-flex-hero.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}.ehp-flex-hero .has-shape-sharp,.ehp-flex-hero.has-shape-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-rounded,.ehp-flex-hero.has-shape-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-round,.ehp-flex-hero.has-shape-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-default,.ehp-flex-hero.has-shape-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-oval,.ehp-flex-hero.has-shape-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-custom,.ehp-flex-hero.has-shape-custom{border-bottom-right-radius:var(--flex-hero-border-radius-inline-start);border-bottom-left-radius:var(--flex-hero-border-radius-inline-end);border-top-right-radius:var(--flex-hero-border-radius-block-end);border-top-left-radius:var(--flex-hero-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-flex-hero .has-shape-md-sharp,.ehp-flex-hero.has-shape-md-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-md-rounded,.ehp-flex-hero.has-shape-md-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-md-round,.ehp-flex-hero.has-shape-md-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-md-default,.ehp-flex-hero.has-shape-md-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-md-oval,.ehp-flex-hero.has-shape-md-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-md-custom,.ehp-flex-hero.has-shape-md-custom{border-bottom-right-radius:var(--flex-hero-border-radius-inline-start);border-bottom-left-radius:var(--flex-hero-border-radius-inline-end);border-top-right-radius:var(--flex-hero-border-radius-block-end);border-top-left-radius:var(--flex-hero-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-flex-hero .has-shape-sm-sharp,.ehp-flex-hero.has-shape-sm-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-sm-rounded,.ehp-flex-hero.has-shape-sm-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-sm-round,.ehp-flex-hero.has-shape-sm-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-sm-default,.ehp-flex-hero.has-shape-sm-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-sm-oval,.ehp-flex-hero.has-shape-sm-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-sm-custom,.ehp-flex-hero.has-shape-sm-custom{border-bottom-right-radius:var(--flex-hero-border-radius-inline-start);border-bottom-left-radius:var(--flex-hero-border-radius-inline-end);border-top-right-radius:var(--flex-hero-border-radius-block-end);border-top-left-radius:var(--flex-hero-border-radius-block-start)}}.ehp-flex-hero a.ehp-button,.ehp-flex-hero a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--flex-hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--flex-hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--flex-hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--flex-hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--flex-hero-button-primary-border-width);--ehp-button-primary-border-color:var(--flex-hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--flex-hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--flex-hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--flex-hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--flex-hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--flex-hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--flex-hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--flex-hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--flex-hero-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--flex-hero-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--flex-hero-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--flex-hero-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--flex-hero-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--flex-hero-button-secondary-border-width);--ehp-button-secondary-border-color:var(--flex-hero-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--flex-hero-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--flex-hero-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--flex-hero-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--flex-hero-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--flex-hero-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--flex-hero-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--flex-hero-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--flex-hero-button-secondary-border-radius-inline-start)}.ehp-flex-hero.has-shape-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-shape-md-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-md-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-shape-sm-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-sm-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}.ehp-flex-hero.has-border{border-color:var(--flex-hero-box-border-color);border-style:solid;border-width:var(--flex-hero-box-border-width)}.ehp-flex-hero.has-image-stretch{padding:0}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-stretch.has-layout-preset-storytelling .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-layout-preset-showcase{flex-direction:row}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container,.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{flex-basis:50%}}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container{justify-content:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{align-items:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-storytelling{flex-direction:column}.ehp-flex-hero.has-layout-preset-storytelling .ehp-flex-hero__content-container{align-items:var(--flex-hero-content-alignment-storytelling);align-self:var(--flex-hero-content-position);max-width:var(--flex-hero-content-width);text-align:var(--flex-hero-content-alignment-storytelling);width:100%}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:0}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:0;padding-inline-start:var(--flex-hero-box-padding-inline-start)}}.ehp-flex-hero__content-container{display:flex;flex-direction:column;gap:var(--flex-hero-element-spacing);z-index:2}.ehp-flex-hero__intro{color:var(--flex-hero-intro-color);margin:0}.ehp-flex-hero__heading{color:var(--flex-hero-heading-color);margin:0}.ehp-flex-hero__subheading{color:var(--flex-hero-subheading-color);margin:0}.ehp-flex-hero__ctas-container{display:flex;gap:var(--flex-hero-buttons-space-between)}@media screen and (max-width:1024px){.ehp-flex-hero__ctas-container{flex-direction:column}}.ehp-flex-hero__image{align-items:center;display:flex;justify-content:center;z-index:2}.elementor .ehp-flex-hero__image img{height:var(--flex-hero-image-height);min-height:var(--flex-hero-image-min-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--flex-hero-image-position);object-position:var(--flex-hero-image-position);width:var(--flex-hero-image-width)}.elementor .ehp-flex-hero__image img.has-shape-rounded{--flex-hero-border-shape-rounded:52px}.elementor .ehp-flex-hero__image img.has-shape-round{--flex-hero-border-shape-round:300px}.elementor .ehp-flex-hero__image img.has-shape-custom{--flex-hero-border-radius-block-end:var(--flex-hero-image-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-image-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-image-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-image-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.elementor .ehp-flex-hero__image img.has-shape-md-rounded{--flex-hero-border-shape-rounded:52px}.elementor .ehp-flex-hero__image img.has-shape-md-round{--flex-hero-border-shape-round:300px}.elementor .ehp-flex-hero__image img.has-shape-md-custom{--flex-hero-border-radius-block-end:var(--flex-hero-image-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-image-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-image-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-image-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.elementor .ehp-flex-hero__image img.has-shape-sm-rounded{--flex-hero-border-shape-rounded:52px}.elementor .ehp-flex-hero__image img.has-shape-sm-round{--flex-hero-border-shape-round:300px}.elementor .ehp-flex-hero__image img.has-shape-sm-custom{--flex-hero-border-radius-block-end:var(--flex-hero-image-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-image-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-image-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-image-border-radius-custom-inline-start)}}.elementor .ehp-flex-hero__image img.has-border{border-color:var(--flex-hero-image-border-color);border-style:solid;border-width:var(--flex-hero-image-border-width)}.ehp-flex-hero.has-image-stretch{--flex-hero-image-height:100%;--flex-hero-image-width:100%}.ehp-flex-hero__overlay{height:100%;right:0;opacity:var(--flex-hero-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
     1.ehp-flex-hero{--flex-hero-content-alignment-showcase:center;--flex-hero-content-alignment-storytelling:start;--flex-hero-content-position:flex-start;--flex-hero-content-width:648px;--flex-hero-buttons-space-between:16px;--flex-hero-gap:60px;--flex-hero-element-spacing:40px;--flex-hero-box-height:auto;--flex-hero-box-full-height:100vh;--flex-hero-intro-color:#7a7a7a;--flex-hero-heading-color:#54595f;--flex-hero-subheading-color:#54595f;--flex-hero-button-primary-icon-spacing:10px;--flex-hero-button-primary-icon-size:16px;--flex-hero-button-primary-text-color:#fff;--flex-hero-button-primary-text-color-hover:#7a7a7a;--flex-hero-button-primary-border-width:0;--flex-hero-button-primary-border-color:transparent;--flex-hero-button-primary-border-radius-block-end:8px;--flex-hero-button-primary-border-radius-block-start:8px;--flex-hero-button-primary-border-radius-inline-end:8px;--flex-hero-button-primary-border-radius-inline-start:8px;--flex-hero-button-secondary-icon-spacing:10px;--flex-hero-button-secondary-icon-size:16px;--flex-hero-button-secondary-text-color:#54595f;--flex-hero-button-secondary-text-color-hover:#54595f;--flex-hero-button-secondary-border-width:2px;--flex-hero-button-secondary-border-color:#54595f;--flex-hero-button-secondary-border-radius-block-end:8px;--flex-hero-button-secondary-border-radius-block-start:8px;--flex-hero-button-secondary-border-radius-inline-end:8px;--flex-hero-button-secondary-border-radius-inline-start:8px;--flex-hero-box-border-color:#54595f;--flex-hero-box-border-width:1px;--flex-hero-border-radius-default:8px;--flex-hero-border-radius-sharp:0;--flex-hero-border-radius-rounded:12px;--flex-hero-border-radius-round:32px;--flex-hero-border-radius-oval:50%;--flex-hero-box-border-radius-custom-block-end:0;--flex-hero-box-border-radius-custom-block-start:0;--flex-hero-box-border-radius-custom-inline-end:0;--flex-hero-box-border-radius-custom-inline-start:0;display:flex;flex-direction:column;gap:var(--flex-hero-gap);min-height:var(--flex-hero-box-height);overflow:hidden;padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start);position:relative}@supports(height:100dvh){.ehp-flex-hero{--flex-hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-flex-hero.is-full-height-mobile{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-mobile_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:768px)and (max-width:1024px){.ehp-flex-hero.is-full-height-tablet{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-laptop,.ehp-flex-hero.is-full-height-tablet_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px){.ehp-flex-hero.is-full-height-desktop{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px)and (max-width:99999px){.ehp-flex-hero.is-full-height-desktop.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1){.ehp-flex-hero.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}.ehp-flex-hero .has-shape-sharp,.ehp-flex-hero.has-shape-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-rounded,.ehp-flex-hero.has-shape-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-round,.ehp-flex-hero.has-shape-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-default,.ehp-flex-hero.has-shape-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-oval,.ehp-flex-hero.has-shape-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-custom,.ehp-flex-hero.has-shape-custom{border-bottom-right-radius:var(--flex-hero-border-radius-inline-start);border-bottom-left-radius:var(--flex-hero-border-radius-inline-end);border-top-right-radius:var(--flex-hero-border-radius-block-end);border-top-left-radius:var(--flex-hero-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-flex-hero .has-shape-md-sharp,.ehp-flex-hero.has-shape-md-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-md-rounded,.ehp-flex-hero.has-shape-md-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-md-round,.ehp-flex-hero.has-shape-md-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-md-default,.ehp-flex-hero.has-shape-md-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-md-oval,.ehp-flex-hero.has-shape-md-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-md-custom,.ehp-flex-hero.has-shape-md-custom{border-bottom-right-radius:var(--flex-hero-border-radius-inline-start);border-bottom-left-radius:var(--flex-hero-border-radius-inline-end);border-top-right-radius:var(--flex-hero-border-radius-block-end);border-top-left-radius:var(--flex-hero-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-flex-hero .has-shape-sm-sharp,.ehp-flex-hero.has-shape-sm-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-sm-rounded,.ehp-flex-hero.has-shape-sm-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-sm-round,.ehp-flex-hero.has-shape-sm-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-sm-default,.ehp-flex-hero.has-shape-sm-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-sm-oval,.ehp-flex-hero.has-shape-sm-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-sm-custom,.ehp-flex-hero.has-shape-sm-custom{border-bottom-right-radius:var(--flex-hero-border-radius-inline-start);border-bottom-left-radius:var(--flex-hero-border-radius-inline-end);border-top-right-radius:var(--flex-hero-border-radius-block-end);border-top-left-radius:var(--flex-hero-border-radius-block-start)}}.ehp-flex-hero a.ehp-button,.ehp-flex-hero a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--flex-hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--flex-hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--flex-hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--flex-hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--flex-hero-button-primary-border-width);--ehp-button-primary-border-color:var(--flex-hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--flex-hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--flex-hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--flex-hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--flex-hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--flex-hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--flex-hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--flex-hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--flex-hero-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--flex-hero-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--flex-hero-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--flex-hero-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--flex-hero-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--flex-hero-button-secondary-border-width);--ehp-button-secondary-border-color:var(--flex-hero-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--flex-hero-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--flex-hero-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--flex-hero-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--flex-hero-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--flex-hero-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--flex-hero-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--flex-hero-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--flex-hero-button-secondary-border-radius-inline-start)}.ehp-flex-hero .ehp-image{--ehp-image-height:var(--flex-hero-image-height);--ehp-image-min-height:var(--flex-hero-image-min-height);--ehp-image-position:var(--flex-hero-image-position);--ehp-image-width:var(--flex-hero-image-width);--ehp-image-border-color:var(--flex-hero-image-border-color);--ehp-image-border-width:var(--flex-hero-image-border-width);--ehp-image-border-radius-block-end:var(--flex-hero-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--flex-hero-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--flex-hero-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--flex-hero-image-border-radius-inline-start)}.ehp-flex-hero.has-shape-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-shape-md-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-md-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-shape-sm-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-sm-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}.ehp-flex-hero.has-border{border-color:var(--flex-hero-box-border-color);border-style:solid;border-width:var(--flex-hero-box-border-width)}.ehp-flex-hero.has-image-stretch{--flex-hero-image-width:100%;padding:0}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-stretch.has-layout-preset-storytelling .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-layout-preset-showcase{flex-direction:row}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container,.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{flex-basis:50%}}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container{justify-content:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{align-items:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-storytelling{flex-direction:column}.ehp-flex-hero.has-layout-preset-storytelling .ehp-flex-hero__content-container{align-items:var(--flex-hero-content-alignment-storytelling);align-self:var(--flex-hero-content-position);max-width:var(--flex-hero-content-width);text-align:var(--flex-hero-content-alignment-storytelling);width:100%}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:0}.ehp-flex-hero.has-image-position-end{flex-direction:row-reverse}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:0;padding-inline-start:var(--flex-hero-box-padding-inline-start)}}.ehp-flex-hero__content-container{display:flex;flex-direction:column;gap:var(--flex-hero-element-spacing);z-index:2}.ehp-flex-hero__intro{color:var(--flex-hero-intro-color);margin:0}.ehp-flex-hero__heading{color:var(--flex-hero-heading-color);margin:0}.ehp-flex-hero__subheading{color:var(--flex-hero-subheading-color);margin:0}.ehp-flex-hero__ctas-container{display:flex;gap:var(--flex-hero-buttons-space-between)}@media screen and (max-width:1024px){.ehp-flex-hero__ctas-container{flex-direction:column}}.ehp-flex-hero__overlay{height:100%;right:0;opacity:var(--flex-hero-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
  • hello-plus/trunk/build/css/helloplus-flex-hero.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => '9abec999decee525e712');
     1<?php return array('dependencies' => array(), 'version' => '93b061da6ed1455ad5b9');
  • hello-plus/trunk/build/css/helloplus-flex-hero.css

    r3238471 r3241372  
    1 .ehp-flex-hero{--flex-hero-content-alignment-showcase:center;--flex-hero-content-alignment-storytelling:start;--flex-hero-content-position:flex-start;--flex-hero-content-width:648px;--flex-hero-buttons-space-between:16px;--flex-hero-gap:60px;--flex-hero-element-spacing:40px;--flex-hero-box-height:auto;--flex-hero-box-full-height:100vh;--flex-hero-intro-color:#7a7a7a;--flex-hero-heading-color:#54595f;--flex-hero-subheading-color:#54595f;--flex-hero-button-primary-icon-spacing:10px;--flex-hero-button-primary-icon-size:16px;--flex-hero-button-primary-text-color:#fff;--flex-hero-button-primary-text-color-hover:#7a7a7a;--flex-hero-button-primary-border-width:0;--flex-hero-button-primary-border-color:transparent;--flex-hero-button-primary-padding-block-end:8px;--flex-hero-button-primary-padding-block-start:8px;--flex-hero-button-primary-padding-inline-end:16px;--flex-hero-button-primary-padding-inline-start:16px;--flex-hero-button-primary-border-radius-block-end:8px;--flex-hero-button-primary-border-radius-block-start:8px;--flex-hero-button-primary-border-radius-inline-end:8px;--flex-hero-button-primary-border-radius-inline-start:8px;--flex-hero-button-secondary-icon-spacing:10px;--flex-hero-button-secondary-icon-size:16px;--flex-hero-button-secondary-text-color:#54595f;--flex-hero-button-secondary-text-color-hover:#54595f;--flex-hero-button-secondary-border-width:2px;--flex-hero-button-secondary-border-color:#54595f;--flex-hero-button-secondary-padding-block-end:8px;--flex-hero-button-secondary-padding-block-start:8px;--flex-hero-button-secondary-padding-inline-end:16px;--flex-hero-button-secondary-padding-inline-start:16px;--flex-hero-button-secondary-border-radius-block-end:8px;--flex-hero-button-secondary-border-radius-block-start:8px;--flex-hero-button-secondary-border-radius-inline-end:8px;--flex-hero-button-secondary-border-radius-inline-start:8px;--flex-hero-box-padding-block-end:60px;--flex-hero-box-padding-block-start:60px;--flex-hero-box-padding-inline-end:60px;--flex-hero-box-padding-inline-start:60px;--flex-hero-box-border-color:#54595f;--flex-hero-box-border-width:1px;--flex-hero-image-position:center center;--flex-hero-image-border-width:1px;--flex-hero-image-border-color:#54595f;--flex-hero-border-radius-default:8px;--flex-hero-border-radius-sharp:0;--flex-hero-border-radius-rounded:12px;--flex-hero-border-radius-round:32px;--flex-hero-border-radius-oval:50%;--flex-hero-image-border-radius-custom-block-end:0;--flex-hero-image-border-radius-custom-block-start:0;--flex-hero-image-border-radius-custom-inline-end:0;--flex-hero-image-border-radius-custom-inline-start:0;--flex-hero-box-border-radius-custom-block-end:0;--flex-hero-box-border-radius-custom-block-start:0;--flex-hero-box-border-radius-custom-inline-end:0;--flex-hero-box-border-radius-custom-inline-start:0;display:flex;flex-direction:column;gap:var(--flex-hero-gap);min-height:var(--flex-hero-box-height);overflow:hidden;padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start);position:relative}@supports(height:100dvh){.ehp-flex-hero{--flex-hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-flex-hero.is-full-height-mobile{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-mobile_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:768px)and (max-width:1024px){.ehp-flex-hero.is-full-height-tablet{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-laptop,.ehp-flex-hero.is-full-height-tablet_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px){.ehp-flex-hero.is-full-height-desktop{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px)and (max-width:99999px){.ehp-flex-hero.is-full-height-desktop.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1){.ehp-flex-hero.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}.ehp-flex-hero .has-shape-sharp,.ehp-flex-hero.has-shape-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-rounded,.ehp-flex-hero.has-shape-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-round,.ehp-flex-hero.has-shape-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-default,.ehp-flex-hero.has-shape-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-oval,.ehp-flex-hero.has-shape-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-custom,.ehp-flex-hero.has-shape-custom{border-bottom-left-radius:var(--flex-hero-border-radius-inline-start);border-bottom-right-radius:var(--flex-hero-border-radius-inline-end);border-top-left-radius:var(--flex-hero-border-radius-block-end);border-top-right-radius:var(--flex-hero-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-flex-hero .has-shape-md-sharp,.ehp-flex-hero.has-shape-md-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-md-rounded,.ehp-flex-hero.has-shape-md-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-md-round,.ehp-flex-hero.has-shape-md-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-md-default,.ehp-flex-hero.has-shape-md-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-md-oval,.ehp-flex-hero.has-shape-md-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-md-custom,.ehp-flex-hero.has-shape-md-custom{border-bottom-left-radius:var(--flex-hero-border-radius-inline-start);border-bottom-right-radius:var(--flex-hero-border-radius-inline-end);border-top-left-radius:var(--flex-hero-border-radius-block-end);border-top-right-radius:var(--flex-hero-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-flex-hero .has-shape-sm-sharp,.ehp-flex-hero.has-shape-sm-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-sm-rounded,.ehp-flex-hero.has-shape-sm-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-sm-round,.ehp-flex-hero.has-shape-sm-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-sm-default,.ehp-flex-hero.has-shape-sm-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-sm-oval,.ehp-flex-hero.has-shape-sm-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-sm-custom,.ehp-flex-hero.has-shape-sm-custom{border-bottom-left-radius:var(--flex-hero-border-radius-inline-start);border-bottom-right-radius:var(--flex-hero-border-radius-inline-end);border-top-left-radius:var(--flex-hero-border-radius-block-end);border-top-right-radius:var(--flex-hero-border-radius-block-start)}}.ehp-flex-hero a.ehp-button,.ehp-flex-hero a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--flex-hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--flex-hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--flex-hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--flex-hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--flex-hero-button-primary-border-width);--ehp-button-primary-border-color:var(--flex-hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--flex-hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--flex-hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--flex-hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--flex-hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--flex-hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--flex-hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--flex-hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--flex-hero-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--flex-hero-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--flex-hero-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--flex-hero-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--flex-hero-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--flex-hero-button-secondary-border-width);--ehp-button-secondary-border-color:var(--flex-hero-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--flex-hero-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--flex-hero-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--flex-hero-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--flex-hero-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--flex-hero-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--flex-hero-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--flex-hero-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--flex-hero-button-secondary-border-radius-inline-start)}.ehp-flex-hero.has-shape-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-shape-md-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-md-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-shape-sm-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-sm-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}.ehp-flex-hero.has-border{border-color:var(--flex-hero-box-border-color);border-style:solid;border-width:var(--flex-hero-box-border-width)}.ehp-flex-hero.has-image-stretch{padding:0}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-stretch.has-layout-preset-storytelling .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-layout-preset-showcase{flex-direction:row}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container,.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{flex-basis:50%}}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container{justify-content:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{align-items:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-storytelling{flex-direction:column}.ehp-flex-hero.has-layout-preset-storytelling .ehp-flex-hero__content-container{align-items:var(--flex-hero-content-alignment-storytelling);align-self:var(--flex-hero-content-position);max-width:var(--flex-hero-content-width);text-align:var(--flex-hero-content-alignment-storytelling);width:100%}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:0}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:0;padding-inline-start:var(--flex-hero-box-padding-inline-start)}}.ehp-flex-hero__content-container{display:flex;flex-direction:column;gap:var(--flex-hero-element-spacing);z-index:2}.ehp-flex-hero__intro{color:var(--flex-hero-intro-color);margin:0}.ehp-flex-hero__heading{color:var(--flex-hero-heading-color);margin:0}.ehp-flex-hero__subheading{color:var(--flex-hero-subheading-color);margin:0}.ehp-flex-hero__ctas-container{display:flex;gap:var(--flex-hero-buttons-space-between)}@media screen and (max-width:1024px){.ehp-flex-hero__ctas-container{flex-direction:column}}.ehp-flex-hero__image{align-items:center;display:flex;justify-content:center;z-index:2}.elementor .ehp-flex-hero__image img{height:var(--flex-hero-image-height);min-height:var(--flex-hero-image-min-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--flex-hero-image-position);object-position:var(--flex-hero-image-position);width:var(--flex-hero-image-width)}.elementor .ehp-flex-hero__image img.has-shape-rounded{--flex-hero-border-shape-rounded:52px}.elementor .ehp-flex-hero__image img.has-shape-round{--flex-hero-border-shape-round:300px}.elementor .ehp-flex-hero__image img.has-shape-custom{--flex-hero-border-radius-block-end:var(--flex-hero-image-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-image-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-image-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-image-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.elementor .ehp-flex-hero__image img.has-shape-md-rounded{--flex-hero-border-shape-rounded:52px}.elementor .ehp-flex-hero__image img.has-shape-md-round{--flex-hero-border-shape-round:300px}.elementor .ehp-flex-hero__image img.has-shape-md-custom{--flex-hero-border-radius-block-end:var(--flex-hero-image-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-image-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-image-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-image-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.elementor .ehp-flex-hero__image img.has-shape-sm-rounded{--flex-hero-border-shape-rounded:52px}.elementor .ehp-flex-hero__image img.has-shape-sm-round{--flex-hero-border-shape-round:300px}.elementor .ehp-flex-hero__image img.has-shape-sm-custom{--flex-hero-border-radius-block-end:var(--flex-hero-image-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-image-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-image-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-image-border-radius-custom-inline-start)}}.elementor .ehp-flex-hero__image img.has-border{border-color:var(--flex-hero-image-border-color);border-style:solid;border-width:var(--flex-hero-image-border-width)}.ehp-flex-hero.has-image-stretch{--flex-hero-image-height:100%;--flex-hero-image-width:100%}.ehp-flex-hero__overlay{height:100%;left:0;opacity:var(--flex-hero-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
     1.ehp-flex-hero{--flex-hero-content-alignment-showcase:center;--flex-hero-content-alignment-storytelling:start;--flex-hero-content-position:flex-start;--flex-hero-content-width:648px;--flex-hero-buttons-space-between:16px;--flex-hero-gap:60px;--flex-hero-element-spacing:40px;--flex-hero-box-height:auto;--flex-hero-box-full-height:100vh;--flex-hero-intro-color:#7a7a7a;--flex-hero-heading-color:#54595f;--flex-hero-subheading-color:#54595f;--flex-hero-button-primary-icon-spacing:10px;--flex-hero-button-primary-icon-size:16px;--flex-hero-button-primary-text-color:#fff;--flex-hero-button-primary-text-color-hover:#7a7a7a;--flex-hero-button-primary-border-width:0;--flex-hero-button-primary-border-color:transparent;--flex-hero-button-primary-border-radius-block-end:8px;--flex-hero-button-primary-border-radius-block-start:8px;--flex-hero-button-primary-border-radius-inline-end:8px;--flex-hero-button-primary-border-radius-inline-start:8px;--flex-hero-button-secondary-icon-spacing:10px;--flex-hero-button-secondary-icon-size:16px;--flex-hero-button-secondary-text-color:#54595f;--flex-hero-button-secondary-text-color-hover:#54595f;--flex-hero-button-secondary-border-width:2px;--flex-hero-button-secondary-border-color:#54595f;--flex-hero-button-secondary-border-radius-block-end:8px;--flex-hero-button-secondary-border-radius-block-start:8px;--flex-hero-button-secondary-border-radius-inline-end:8px;--flex-hero-button-secondary-border-radius-inline-start:8px;--flex-hero-box-border-color:#54595f;--flex-hero-box-border-width:1px;--flex-hero-border-radius-default:8px;--flex-hero-border-radius-sharp:0;--flex-hero-border-radius-rounded:12px;--flex-hero-border-radius-round:32px;--flex-hero-border-radius-oval:50%;--flex-hero-box-border-radius-custom-block-end:0;--flex-hero-box-border-radius-custom-block-start:0;--flex-hero-box-border-radius-custom-inline-end:0;--flex-hero-box-border-radius-custom-inline-start:0;display:flex;flex-direction:column;gap:var(--flex-hero-gap);min-height:var(--flex-hero-box-height);overflow:hidden;padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start);position:relative}@supports(height:100dvh){.ehp-flex-hero{--flex-hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-flex-hero.is-full-height-mobile{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-mobile_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:768px)and (max-width:1024px){.ehp-flex-hero.is-full-height-tablet{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1)and (max-width:-1){.ehp-flex-hero.is-full-height-laptop,.ehp-flex-hero.is-full-height-tablet_extra{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px){.ehp-flex-hero.is-full-height-desktop{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:1025px)and (max-width:99999px){.ehp-flex-hero.is-full-height-desktop.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}@media(min-width:-1){.ehp-flex-hero.is-full-height-widescreen{--flex-hero-box-height:var(--flex-hero-box-full-height,100vh)}}.ehp-flex-hero .has-shape-sharp,.ehp-flex-hero.has-shape-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-rounded,.ehp-flex-hero.has-shape-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-round,.ehp-flex-hero.has-shape-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-default,.ehp-flex-hero.has-shape-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-oval,.ehp-flex-hero.has-shape-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-custom,.ehp-flex-hero.has-shape-custom{border-bottom-left-radius:var(--flex-hero-border-radius-inline-start);border-bottom-right-radius:var(--flex-hero-border-radius-inline-end);border-top-left-radius:var(--flex-hero-border-radius-block-end);border-top-right-radius:var(--flex-hero-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-flex-hero .has-shape-md-sharp,.ehp-flex-hero.has-shape-md-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-md-rounded,.ehp-flex-hero.has-shape-md-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-md-round,.ehp-flex-hero.has-shape-md-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-md-default,.ehp-flex-hero.has-shape-md-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-md-oval,.ehp-flex-hero.has-shape-md-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-md-custom,.ehp-flex-hero.has-shape-md-custom{border-bottom-left-radius:var(--flex-hero-border-radius-inline-start);border-bottom-right-radius:var(--flex-hero-border-radius-inline-end);border-top-left-radius:var(--flex-hero-border-radius-block-end);border-top-right-radius:var(--flex-hero-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-flex-hero .has-shape-sm-sharp,.ehp-flex-hero.has-shape-sm-sharp{border-radius:var(--flex-hero-border-radius-sharp)}.ehp-flex-hero .has-shape-sm-rounded,.ehp-flex-hero.has-shape-sm-rounded{border-radius:var(--flex-hero-border-radius-rounded)}.ehp-flex-hero .has-shape-sm-round,.ehp-flex-hero.has-shape-sm-round{border-radius:var(--flex-hero-border-radius-round)}.ehp-flex-hero .has-shape-sm-default,.ehp-flex-hero.has-shape-sm-default{border-radius:var(--flex-hero-border-radius-default)}.ehp-flex-hero .has-shape-sm-oval,.ehp-flex-hero.has-shape-sm-oval{border-radius:var(--flex-hero-border-radius-oval)}.ehp-flex-hero .has-shape-sm-custom,.ehp-flex-hero.has-shape-sm-custom{border-bottom-left-radius:var(--flex-hero-border-radius-inline-start);border-bottom-right-radius:var(--flex-hero-border-radius-inline-end);border-top-left-radius:var(--flex-hero-border-radius-block-end);border-top-right-radius:var(--flex-hero-border-radius-block-start)}}.ehp-flex-hero a.ehp-button,.ehp-flex-hero a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--flex-hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--flex-hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--flex-hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--flex-hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--flex-hero-button-primary-border-width);--ehp-button-primary-border-color:var(--flex-hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--flex-hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--flex-hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--flex-hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--flex-hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--flex-hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--flex-hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--flex-hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--flex-hero-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--flex-hero-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--flex-hero-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--flex-hero-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--flex-hero-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--flex-hero-button-secondary-border-width);--ehp-button-secondary-border-color:var(--flex-hero-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--flex-hero-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--flex-hero-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--flex-hero-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--flex-hero-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--flex-hero-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--flex-hero-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--flex-hero-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--flex-hero-button-secondary-border-radius-inline-start)}.ehp-flex-hero .ehp-image{--ehp-image-height:var(--flex-hero-image-height);--ehp-image-min-height:var(--flex-hero-image-min-height);--ehp-image-position:var(--flex-hero-image-position);--ehp-image-width:var(--flex-hero-image-width);--ehp-image-border-color:var(--flex-hero-image-border-color);--ehp-image-border-width:var(--flex-hero-image-border-width);--ehp-image-border-radius-block-end:var(--flex-hero-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--flex-hero-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--flex-hero-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--flex-hero-image-border-radius-inline-start)}.ehp-flex-hero.has-shape-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-shape-md-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-md-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-shape-sm-rounded{--flex-hero-border-shape-rounded:52px}.ehp-flex-hero.has-shape-sm-custom{--flex-hero-border-radius-block-end:var(--flex-hero-box-border-radius-custom-block-end);--flex-hero-border-radius-block-start:var(--flex-hero-box-border-radius-custom-block-start);--flex-hero-border-radius-inline-end:var(--flex-hero-box-border-radius-custom-inline-end);--flex-hero-border-radius-inline-start:var(--flex-hero-box-border-radius-custom-inline-start)}}.ehp-flex-hero.has-border{border-color:var(--flex-hero-box-border-color);border-style:solid;border-width:var(--flex-hero-box-border-width)}.ehp-flex-hero.has-image-stretch{--flex-hero-image-width:100%;padding:0}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-stretch.has-layout-preset-storytelling .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-layout-preset-showcase{flex-direction:row}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container,.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{flex-basis:50%}}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__content-container{justify-content:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-showcase .ehp-flex-hero__image{align-items:var(--flex-hero-content-alignment-showcase)}.ehp-flex-hero.has-layout-preset-storytelling{flex-direction:column}.ehp-flex-hero.has-layout-preset-storytelling .ehp-flex-hero__content-container{align-items:var(--flex-hero-content-alignment-storytelling);align-self:var(--flex-hero-content-position);max-width:var(--flex-hero-content-width);text-align:var(--flex-hero-content-alignment-storytelling);width:100%}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}@media screen and (max-width:1024px){.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-md-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-md-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-md-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (max-width:767px){.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__content-container{order:2}.ehp-flex-hero.has-image-position-sm-start .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:0;padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__content-container,.ehp-flex-hero.has-image-position-sm-end .ehp-flex-hero__image{order:1}.ehp-flex-hero.has-image-position-sm-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:0;padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:var(--flex-hero-box-padding-inline-start)}}@media screen and (min-width:1025px){.ehp-flex-hero.has-image-position-start.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:var(--flex-hero-box-padding-inline-end);padding-inline-start:0}.ehp-flex-hero.has-image-position-end{flex-direction:row-reverse}.ehp-flex-hero.has-image-position-end.has-image-stretch .ehp-flex-hero__content-container{padding-block-end:var(--flex-hero-box-padding-block-end);padding-block-start:var(--flex-hero-box-padding-block-start);padding-inline-end:0;padding-inline-start:var(--flex-hero-box-padding-inline-start)}}.ehp-flex-hero__content-container{display:flex;flex-direction:column;gap:var(--flex-hero-element-spacing);z-index:2}.ehp-flex-hero__intro{color:var(--flex-hero-intro-color);margin:0}.ehp-flex-hero__heading{color:var(--flex-hero-heading-color);margin:0}.ehp-flex-hero__subheading{color:var(--flex-hero-subheading-color);margin:0}.ehp-flex-hero__ctas-container{display:flex;gap:var(--flex-hero-buttons-space-between)}@media screen and (max-width:1024px){.ehp-flex-hero__ctas-container{flex-direction:column}}.ehp-flex-hero__overlay{height:100%;left:0;opacity:var(--flex-hero-overlay-opacity);position:absolute;top:0;width:100%;z-index:1}
  • hello-plus/trunk/build/css/helloplus-footer-rtl.css

    r3206391 r3241372  
    1 .ehp-footer{--footer-logo-width:68px;--footer-title-color:#28292b;--footer-description-color:#28292b;--footer-copyright-color:#28292b;--footer-menu-heading-color:#28292b;--footer-contact-heading-color:#28292b;--footer-menu-item-spacing:8px;--footer-menu-item-color:#28292b;--footer-menu-item-color-hover:#555963;--footer-contact-information-color:#28292b;--footer-box-border-width:1px;--footer-box-border-color:#555963;--footer-icon-size-default:20px;--footer-icon-size-small:16px;--footer-icon-size-large:24px;--footer-icon-size:var(--footer-icon-size-default);--footer-icon-spacing-default:16px;--footer-icon-spacing-small:12px;--footer-icon-spacing-large:20px;--footer-icon-spacing:var(--footer-icon-spacing-default);--footer-icon-color:#28292b;--footer-icon-color-hover:#555963;--footer-box-padding-block-start:40px;--footer-box-padding-block-end:40px;--footer-box-padding-inline-start:40px;--footer-box-padding-inline-end:40px;--footer-vertical-gap-content-default:20px;--footer-vertical-gap-copyright-default:60px;--footer-vertical-gap-content-narrow:16px;--footer-vertical-gap-copyright-narrow:44px;--footer-vertical-gap-content-wide:28px;--footer-vertical-gap-copyright-wide:88px;--footer-vertical-gap-content:var(--footer-vertical-gap-content-default);--footer-vertical-gap-copyright:var(--footer-vertical-gap-copyright-default);--footer-text-width-default:320px;--footer-text-width-narrow:204px;--footer-text-width-wide:500px;--footer-text-width:var(--footer-text-width-default);display:flex;flex-direction:column;gap:var(--footer-vertical-gap-copyright);padding-block-end:var(--footer-box-padding-block-end);padding-block-start:var(--footer-box-padding-block-start);padding-inline-end:var(--footer-box-padding-inline-end);padding-inline-start:var(--footer-box-padding-inline-start)}@media screen and (min-width:768px){.ehp-footer{--footer-box-padding-block-start:60px;--footer-box-padding-block-end:60px;--footer-box-padding-inline-start:60px;--footer-box-padding-inline-end:60px}}@media screen and (min-width:1025px){.ehp-footer{--footer-box-padding-block-start:100px;--footer-box-padding-block-end:100px;--footer-box-padding-inline-start:100px;--footer-box-padding-inline-end:100px}}.ehp-footer.has-box-border{border-top:var(--footer-box-border-width) solid var(--footer-box-border-color)}.ehp-footer__row{display:flex;flex-direction:column;gap:20px}@media screen and (min-width:768px){.ehp-footer__row{flex-direction:row;gap:0;justify-content:space-between}.ehp-footer__nav-container{display:flex;justify-content:center}.ehp-footer__contact-container{display:flex;justify-content:flex-end}}.ehp-footer__contact,.ehp-footer__navigation,.ehp-footer__side-content{max-width:var(--footer-text-width);width:100%}.ehp-footer__side-content{display:flex;flex-direction:column;gap:var(--footer-vertical-gap-content)}.ehp-footer__site-link{align-items:center;display:flex;margin:0}.ehp-footer__site-link img{width:var(--footer-logo-width)}.ehp-footer__site-title{color:var(--footer-title-color);margin:0}.ehp-footer__description{color:var(--footer-description-color);margin:0}.ehp-footer__copyright{color:var(--footer-copyright-color);grid-column:1/-1}.ehp-footer__social-icons{display:flex;flex-direction:row;gap:var(--footer-icon-spacing)}.ehp-footer__social-icon{align-items:center;color:var(--footer-icon-color);display:inline-flex;font-size:var(--footer-icon-size);transition:all .3s}.ehp-footer__social-icon svg{fill:var(--footer-icon-color);height:var(--footer-icon-size);transition:all .3s;width:var(--footer-icon-size)}.ehp-footer__social-icon i{color:var(--footer-icon-color);transition:all .3s}.ehp-footer__social-icon:focus,.ehp-footer__social-icon:hover{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus svg,.ehp-footer__social-icon:hover svg{fill:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus i,.ehp-footer__social-icon:hover i{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__menu-heading{color:var(--footer-menu-heading-color);margin:0 0 20px}.ehp-footer__contact-heading{color:var(--footer-contact-heading-color);margin:0 0 20px}.ehp-footer__contact-information{color:var(--footer-contact-information-color)}.ehp-footer__menu{display:flex;flex-direction:column;gap:var(--footer-menu-item-spacing);list-style:none;padding:0}.ehp-footer__menu-item:is(a),.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])){color:var(--footer-menu-item-color);display:inline-flex}.ehp-footer__menu-item:is(a):focus,.ehp-footer__menu-item:is(a):hover,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):focus,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):hover{color:var(--footer-menu-item-color-hover)}
     1.ehp-footer{--footer-logo-width:68px;--footer-title-color:#28292b;--footer-description-color:#28292b;--footer-copyright-color:#28292b;--footer-menu-heading-color:#28292b;--footer-contact-heading-color:#28292b;--footer-menu-item-spacing:8px;--footer-menu-item-color:#28292b;--footer-menu-item-color-hover:#555963;--footer-contact-information-color:#28292b;--footer-box-border-width:1px;--footer-box-border-color:#555963;--footer-icon-size-default:20px;--footer-icon-size-small:16px;--footer-icon-size-large:24px;--footer-icon-size:var(--footer-icon-size-default);--footer-icon-spacing-default:16px;--footer-icon-spacing-small:12px;--footer-icon-spacing-large:20px;--footer-icon-spacing:var(--footer-icon-spacing-default);--footer-icon-color:#28292b;--footer-icon-color-hover:#555963;--footer-vertical-gap-content-default:20px;--footer-vertical-gap-copyright-default:60px;--footer-vertical-gap-content-narrow:16px;--footer-vertical-gap-copyright-narrow:44px;--footer-vertical-gap-content-wide:28px;--footer-vertical-gap-copyright-wide:88px;--footer-vertical-gap-content:var(--footer-vertical-gap-content-default);--footer-vertical-gap-copyright:var(--footer-vertical-gap-copyright-default);--footer-text-width-default:320px;--footer-text-width-narrow:204px;--footer-text-width-wide:500px;--footer-text-width:var(--footer-text-width-default);display:flex;flex-direction:column;gap:var(--footer-vertical-gap-copyright);padding-block-end:var(--footer-box-padding-block-end);padding-block-start:var(--footer-box-padding-block-start);padding-inline-end:var(--footer-box-padding-inline-end);padding-inline-start:var(--footer-box-padding-inline-start)}.ehp-footer.has-box-border{border-top:var(--footer-box-border-width) solid var(--footer-box-border-color)}.ehp-footer__row{display:flex;flex-direction:column;gap:20px}@media screen and (min-width:768px){.ehp-footer__row{flex-direction:row;gap:0;justify-content:space-between}.ehp-footer__nav-container{display:flex;justify-content:center}.ehp-footer__contact-container{display:flex;justify-content:flex-end}}.ehp-footer__contact,.ehp-footer__navigation,.ehp-footer__side-content{max-width:var(--footer-text-width);width:100%}.ehp-footer__side-content{display:flex;flex-direction:column;gap:var(--footer-vertical-gap-content)}.ehp-footer__site-link{align-items:center;display:flex;margin:0}.ehp-footer__site-link img{width:var(--footer-logo-width)}.ehp-footer__site-title{color:var(--footer-title-color);margin:0}.ehp-footer__description{color:var(--footer-description-color);margin:0}.ehp-footer__copyright{color:var(--footer-copyright-color);grid-column:1/-1}.ehp-footer__social-icons{display:flex;flex-direction:row;gap:var(--footer-icon-spacing)}.ehp-footer__social-icon{align-items:center;color:var(--footer-icon-color);display:inline-flex;font-size:var(--footer-icon-size);transition:all .3s}.ehp-footer__social-icon svg{fill:var(--footer-icon-color);height:var(--footer-icon-size);transition:all .3s;width:var(--footer-icon-size)}.ehp-footer__social-icon i{color:var(--footer-icon-color);transition:all .3s}.ehp-footer__social-icon:focus,.ehp-footer__social-icon:hover{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus svg,.ehp-footer__social-icon:hover svg{fill:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus i,.ehp-footer__social-icon:hover i{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__menu-heading{color:var(--footer-menu-heading-color);margin:0 0 20px}.ehp-footer__contact-heading{color:var(--footer-contact-heading-color);margin:0 0 20px}.ehp-footer__contact-information{color:var(--footer-contact-information-color)}.ehp-footer__menu{display:flex;flex-direction:column;gap:var(--footer-menu-item-spacing);list-style:none;padding:0}.ehp-footer__menu-item:is(a),.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])){color:var(--footer-menu-item-color);display:inline-flex}.ehp-footer__menu-item:is(a):focus,.ehp-footer__menu-item:is(a):hover,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):focus,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):hover{color:var(--footer-menu-item-color-hover)}
  • hello-plus/trunk/build/css/helloplus-footer.asset.php

    r3206391 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => '98d1c24b69cdbd5dbbcb');
     1<?php return array('dependencies' => array(), 'version' => '14624065974d10435426');
  • hello-plus/trunk/build/css/helloplus-footer.css

    r3206391 r3241372  
    1 .ehp-footer{--footer-logo-width:68px;--footer-title-color:#28292b;--footer-description-color:#28292b;--footer-copyright-color:#28292b;--footer-menu-heading-color:#28292b;--footer-contact-heading-color:#28292b;--footer-menu-item-spacing:8px;--footer-menu-item-color:#28292b;--footer-menu-item-color-hover:#555963;--footer-contact-information-color:#28292b;--footer-box-border-width:1px;--footer-box-border-color:#555963;--footer-icon-size-default:20px;--footer-icon-size-small:16px;--footer-icon-size-large:24px;--footer-icon-size:var(--footer-icon-size-default);--footer-icon-spacing-default:16px;--footer-icon-spacing-small:12px;--footer-icon-spacing-large:20px;--footer-icon-spacing:var(--footer-icon-spacing-default);--footer-icon-color:#28292b;--footer-icon-color-hover:#555963;--footer-box-padding-block-start:40px;--footer-box-padding-block-end:40px;--footer-box-padding-inline-start:40px;--footer-box-padding-inline-end:40px;--footer-vertical-gap-content-default:20px;--footer-vertical-gap-copyright-default:60px;--footer-vertical-gap-content-narrow:16px;--footer-vertical-gap-copyright-narrow:44px;--footer-vertical-gap-content-wide:28px;--footer-vertical-gap-copyright-wide:88px;--footer-vertical-gap-content:var(--footer-vertical-gap-content-default);--footer-vertical-gap-copyright:var(--footer-vertical-gap-copyright-default);--footer-text-width-default:320px;--footer-text-width-narrow:204px;--footer-text-width-wide:500px;--footer-text-width:var(--footer-text-width-default);display:flex;flex-direction:column;gap:var(--footer-vertical-gap-copyright);padding-block-end:var(--footer-box-padding-block-end);padding-block-start:var(--footer-box-padding-block-start);padding-inline-end:var(--footer-box-padding-inline-end);padding-inline-start:var(--footer-box-padding-inline-start)}@media screen and (min-width:768px){.ehp-footer{--footer-box-padding-block-start:60px;--footer-box-padding-block-end:60px;--footer-box-padding-inline-start:60px;--footer-box-padding-inline-end:60px}}@media screen and (min-width:1025px){.ehp-footer{--footer-box-padding-block-start:100px;--footer-box-padding-block-end:100px;--footer-box-padding-inline-start:100px;--footer-box-padding-inline-end:100px}}.ehp-footer.has-box-border{border-top:var(--footer-box-border-width) solid var(--footer-box-border-color)}.ehp-footer__row{display:flex;flex-direction:column;gap:20px}@media screen and (min-width:768px){.ehp-footer__row{flex-direction:row;gap:0;justify-content:space-between}.ehp-footer__nav-container{display:flex;justify-content:center}.ehp-footer__contact-container{display:flex;justify-content:flex-end}}.ehp-footer__contact,.ehp-footer__navigation,.ehp-footer__side-content{max-width:var(--footer-text-width);width:100%}.ehp-footer__side-content{display:flex;flex-direction:column;gap:var(--footer-vertical-gap-content)}.ehp-footer__site-link{align-items:center;display:flex;margin:0}.ehp-footer__site-link img{width:var(--footer-logo-width)}.ehp-footer__site-title{color:var(--footer-title-color);margin:0}.ehp-footer__description{color:var(--footer-description-color);margin:0}.ehp-footer__copyright{color:var(--footer-copyright-color);grid-column:1/-1}.ehp-footer__social-icons{display:flex;flex-direction:row;gap:var(--footer-icon-spacing)}.ehp-footer__social-icon{align-items:center;color:var(--footer-icon-color);display:inline-flex;font-size:var(--footer-icon-size);transition:all .3s}.ehp-footer__social-icon svg{fill:var(--footer-icon-color);height:var(--footer-icon-size);transition:all .3s;width:var(--footer-icon-size)}.ehp-footer__social-icon i{color:var(--footer-icon-color);transition:all .3s}.ehp-footer__social-icon:focus,.ehp-footer__social-icon:hover{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus svg,.ehp-footer__social-icon:hover svg{fill:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus i,.ehp-footer__social-icon:hover i{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__menu-heading{color:var(--footer-menu-heading-color);margin:0 0 20px}.ehp-footer__contact-heading{color:var(--footer-contact-heading-color);margin:0 0 20px}.ehp-footer__contact-information{color:var(--footer-contact-information-color)}.ehp-footer__menu{display:flex;flex-direction:column;gap:var(--footer-menu-item-spacing);list-style:none;padding:0}.ehp-footer__menu-item:is(a),.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])){color:var(--footer-menu-item-color);display:inline-flex}.ehp-footer__menu-item:is(a):focus,.ehp-footer__menu-item:is(a):hover,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):focus,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):hover{color:var(--footer-menu-item-color-hover)}
     1.ehp-footer{--footer-logo-width:68px;--footer-title-color:#28292b;--footer-description-color:#28292b;--footer-copyright-color:#28292b;--footer-menu-heading-color:#28292b;--footer-contact-heading-color:#28292b;--footer-menu-item-spacing:8px;--footer-menu-item-color:#28292b;--footer-menu-item-color-hover:#555963;--footer-contact-information-color:#28292b;--footer-box-border-width:1px;--footer-box-border-color:#555963;--footer-icon-size-default:20px;--footer-icon-size-small:16px;--footer-icon-size-large:24px;--footer-icon-size:var(--footer-icon-size-default);--footer-icon-spacing-default:16px;--footer-icon-spacing-small:12px;--footer-icon-spacing-large:20px;--footer-icon-spacing:var(--footer-icon-spacing-default);--footer-icon-color:#28292b;--footer-icon-color-hover:#555963;--footer-vertical-gap-content-default:20px;--footer-vertical-gap-copyright-default:60px;--footer-vertical-gap-content-narrow:16px;--footer-vertical-gap-copyright-narrow:44px;--footer-vertical-gap-content-wide:28px;--footer-vertical-gap-copyright-wide:88px;--footer-vertical-gap-content:var(--footer-vertical-gap-content-default);--footer-vertical-gap-copyright:var(--footer-vertical-gap-copyright-default);--footer-text-width-default:320px;--footer-text-width-narrow:204px;--footer-text-width-wide:500px;--footer-text-width:var(--footer-text-width-default);display:flex;flex-direction:column;gap:var(--footer-vertical-gap-copyright);padding-block-end:var(--footer-box-padding-block-end);padding-block-start:var(--footer-box-padding-block-start);padding-inline-end:var(--footer-box-padding-inline-end);padding-inline-start:var(--footer-box-padding-inline-start)}.ehp-footer.has-box-border{border-top:var(--footer-box-border-width) solid var(--footer-box-border-color)}.ehp-footer__row{display:flex;flex-direction:column;gap:20px}@media screen and (min-width:768px){.ehp-footer__row{flex-direction:row;gap:0;justify-content:space-between}.ehp-footer__nav-container{display:flex;justify-content:center}.ehp-footer__contact-container{display:flex;justify-content:flex-end}}.ehp-footer__contact,.ehp-footer__navigation,.ehp-footer__side-content{max-width:var(--footer-text-width);width:100%}.ehp-footer__side-content{display:flex;flex-direction:column;gap:var(--footer-vertical-gap-content)}.ehp-footer__site-link{align-items:center;display:flex;margin:0}.ehp-footer__site-link img{width:var(--footer-logo-width)}.ehp-footer__site-title{color:var(--footer-title-color);margin:0}.ehp-footer__description{color:var(--footer-description-color);margin:0}.ehp-footer__copyright{color:var(--footer-copyright-color);grid-column:1/-1}.ehp-footer__social-icons{display:flex;flex-direction:row;gap:var(--footer-icon-spacing)}.ehp-footer__social-icon{align-items:center;color:var(--footer-icon-color);display:inline-flex;font-size:var(--footer-icon-size);transition:all .3s}.ehp-footer__social-icon svg{fill:var(--footer-icon-color);height:var(--footer-icon-size);transition:all .3s;width:var(--footer-icon-size)}.ehp-footer__social-icon i{color:var(--footer-icon-color);transition:all .3s}.ehp-footer__social-icon:focus,.ehp-footer__social-icon:hover{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus svg,.ehp-footer__social-icon:hover svg{fill:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__social-icon:focus i,.ehp-footer__social-icon:hover i{color:var(--footer-icon-color-hover);transition:all .3s}.ehp-footer__menu-heading{color:var(--footer-menu-heading-color);margin:0 0 20px}.ehp-footer__contact-heading{color:var(--footer-contact-heading-color);margin:0 0 20px}.ehp-footer__contact-information{color:var(--footer-contact-information-color)}.ehp-footer__menu{display:flex;flex-direction:column;gap:var(--footer-menu-item-spacing);list-style:none;padding:0}.ehp-footer__menu-item:is(a),.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])){color:var(--footer-menu-item-color);display:inline-flex}.ehp-footer__menu-item:is(a):focus,.ehp-footer__menu-item:is(a):hover,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):focus,.ehp-footer__menu-item:is(a):is(:not([href]):not([tabindex])):hover{color:var(--footer-menu-item-color-hover)}
  • hello-plus/trunk/build/css/helloplus-forms-rtl.css

    r3238471 r3241372  
    1 .ehp-form{--ehp-column-width:100%;--ehp-form-row-gap:32px;--ehp-form-column-gap:32px;--ehp-form-button-icon-spacing:8px;--ehp-form-button-icon-position:row;--ehp-form-text-container-align:center;--ehp-form-heading-color:#000;--ehp-form-description-color:#000;--ehp-form-label-spacing:0;--ehp-form-label-color:#000;--ehp-form-mark-color:red;--ehp-form-field-text-color:#000;--ehp-form-field-bg-color:#fff;--ehp-form-field-border-color:#000;--ehp-form-field-border-width:2px;--ehp-form-button-align:stretch;--ehp-form-button-icon-size:16px;--ehp-form-button-icon-spacing:10px;--ehp-form-button-text-color:#fff;--ehp-form-button-text-color-hover:#fff;--ehp-form-button-border-width:1px;--ehp-form-button-border-color:#28292b;--ehp-form-button-border-radius:0;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:16px;--ehp-form-button-padding-inline-start:16px;--ehp-form-content-width:640px;--ehp-form-box-padding-block-end:60px;--ehp-form-box-padding-block-start:60px;--ehp-form-box-padding-inline-end:60px;--ehp-form-box-padding-inline-start:60px;align-items:center;display:flex;flex-direction:column;padding-block-end:var(--ehp-form-box-padding-block-end);padding-block-start:var(--ehp-form-box-padding-block-start);padding-inline-end:var(--ehp-form-box-padding-inline-end);padding-inline-start:var(--ehp-form-box-padding-inline-start)}.ehp-form>*{max-width:var(--ehp-form-content-width);width:100%}.ehp-form__wrapper{-moz-column-gap:var(--ehp-form-column-gap);column-gap:var(--ehp-form-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--ehp-form-row-gap)}.ehp-form__field-group{display:flex;flex-direction:column;gap:var(--ehp-form-label-spacing)}.ehp-form__field-group.is-field-required.is-mark-required .ehp-form__field-label:after{color:var(--ehp-form-mark-color);content:"*";display:inline-block}.ehp-form__field-group,.ehp-form__submit-group{width:100%}.ehp-form__field-group.has-width-33,.ehp-form__submit-group.has-width-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-50,.ehp-form__submit-group.has-width-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-100,.ehp-form__submit-group.has-width-100{--ehp-column-width:100%;max-width:100%}@media screen and (max-width:1024px){.ehp-form__field-group.has-width-md-33,.ehp-form__submit-group.has-width-md-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-50,.ehp-form__submit-group.has-width-md-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-100,.ehp-form__submit-group.has-width-md-100{--ehp-column-width:100%;max-width:100%}}@media screen and (max-width:767px){.ehp-form__field-group.has-width-sm-33,.ehp-form__submit-group.has-width-sm-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-50,.ehp-form__submit-group.has-width-sm-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-100,.ehp-form__submit-group.has-width-sm-100{--ehp-column-width:100%;max-width:100%}}.ehp-form__text-container{align-items:var(--ehp-form-text-container-align);display:flex;flex-direction:column}.ehp-form__heading{color:var(--ehp-form-heading-color)}.ehp-form__description{color:var(--ehp-form-description-color)}.ehp-form__field-label{color:var(--ehp-form-label-color)}.ehp-form__field:not(.ehp-form__select),.ehp-form__field[type=email],.ehp-form__field[type=tel],.ehp-form__field[type=text],.ehp-form__select select,.ehp-form__textarea{background-color:var(--ehp-form-field-bg-color);border:0;border-radius:0;color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::-moz-placeholder,.ehp-form__field[type=email]::-moz-placeholder,.ehp-form__field[type=tel]::-moz-placeholder,.ehp-form__field[type=text]::-moz-placeholder,.ehp-form__select select::-moz-placeholder,.ehp-form__textarea::-moz-placeholder{color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::placeholder,.ehp-form__field[type=email]::placeholder,.ehp-form__field[type=tel]::placeholder,.ehp-form__field[type=text]::placeholder,.ehp-form__select select::placeholder,.ehp-form__textarea::placeholder{color:var(--ehp-form-field-text-color)}.has-border .ehp-form__field:not(.ehp-form__select),.has-border .ehp-form__field[type=email],.has-border .ehp-form__field[type=tel],.has-border .ehp-form__field[type=text],.has-border .ehp-form__select select,.has-border .ehp-form__textarea{border-color:var(--ehp-form-field-border-color);border-style:solid;border-width:var(--ehp-form-field-border-width)}.has-shape-sharp .ehp-form__field:not(.ehp-form__select),.has-shape-sharp .ehp-form__field[type=email],.has-shape-sharp .ehp-form__field[type=tel],.has-shape-sharp .ehp-form__field[type=text],.has-shape-sharp .ehp-form__select select,.has-shape-sharp .ehp-form__textarea{border-radius:0}.has-shape-rounded .ehp-form__field:not(.ehp-form__select),.has-shape-rounded .ehp-form__field[type=email],.has-shape-rounded .ehp-form__field[type=tel],.has-shape-rounded .ehp-form__field[type=text],.has-shape-rounded .ehp-form__select select,.has-shape-rounded .ehp-form__textarea{border-radius:12px}.has-shape-round .ehp-form__field:not(.ehp-form__select),.has-shape-round .ehp-form__field[type=email],.has-shape-round .ehp-form__field[type=tel],.has-shape-round .ehp-form__field[type=text],.has-shape-round .ehp-form__select select,.has-shape-round .ehp-form__textarea{border-radius:32px}.has-shape-default .ehp-form__field:not(.ehp-form__select),.has-shape-default .ehp-form__field[type=email],.has-shape-default .ehp-form__field[type=tel],.has-shape-default .ehp-form__field[type=text],.has-shape-default .ehp-form__select select,.has-shape-default .ehp-form__textarea{border-radius:8px}.ehp-form__submit-group{align-items:flex-end;display:flex;justify-content:var(--ehp-form-button-align)}.ehp-form__button[type=submit]{align-items:center;border:0;color:var(--ehp-form-button-text-color);display:flex;flex-direction:var(--ehp-form-button-icon-position);flex-grow:1;gap:var(--ehp-form-button-icon-spacing);justify-content:center;text-decoration:none;transition:all .3s}.ehp-form__button[type=submit]:focus,.ehp-form__button[type=submit]:hover{color:var(--ehp-form-button-text-color-hover);transition:all .3s}.ehp-form__button[type=submit].has-border{border-color:var(--ehp-form-button-border-color);border-radius:var(--ehp-form-button-border-radius);border-style:solid;border-width:var(--ehp-form-button-border-width)}.ehp-form__button[type=submit].is-type-button{padding-block-end:var(--ehp-form-button-padding-block-end);padding-block-start:var(--ehp-form-button-padding-block-start);padding-inline-end:var(--ehp-form-button-padding-inline-end);padding-inline-start:var(--ehp-form-button-padding-inline-start);text-decoration:none}.ehp-form__button[type=submit].is-type-link,.ehp-form__button[type=submit].is-type-link:focus,.ehp-form__button[type=submit].is-type-link:hover,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]),.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):focus,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):hover{background:none}.ehp-form__button[type=submit].is-type-link .ehp-form__button-text,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]) .ehp-form__button-text{text-decoration:underline}.ehp-form__button[type=submit].has-shape-sharp{border-radius:0}.ehp-form__button[type=submit].has-shape-rounded{border-radius:12px}.ehp-form__button[type=submit].has-shape-round{border-radius:32px}.ehp-form__button[type=submit].has-shape-default{border-radius:8px}.ehp-form__button-icon{color:inherit;fill:currentColor;font-size:1em;height:1em;width:1em}.ehp-form__select{position:relative}.ehp-form__select .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ehp-form__select .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;width:1em;fill:currentColor}.ehp-form__select .select-caret-down-wrapper i{font-size:19px;line-height:2}.ehp-form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ehp-form__select select::-ms-expand{display:none}
     1.ehp-form{--ehp-column-width:100%;--ehp-form-row-gap:32px;--ehp-form-column-gap:32px;--ehp-form-button-icon-spacing:8px;--ehp-form-button-icon-position:row;--ehp-form-text-container-align:center;--ehp-form-heading-color:#000;--ehp-form-description-color:#000;--ehp-form-label-spacing:0;--ehp-form-label-color:#000;--ehp-form-mark-color:red;--ehp-form-field-text-color:#000;--ehp-form-field-bg-color:#fff;--ehp-form-field-border-color:#000;--ehp-form-field-border-width:2px;--ehp-form-button-align:stretch;--ehp-form-button-icon-size:16px;--ehp-form-button-icon-spacing:10px;--ehp-form-button-text-color:#fff;--ehp-form-button-text-color-hover:#fff;--ehp-form-button-border-width:1px;--ehp-form-button-border-color:#28292b;--ehp-form-button-border-radius:0;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:16px;--ehp-form-button-padding-inline-start:16px;--ehp-form-content-width:640px;--ehp-form-box-padding-block-end:60px;--ehp-form-box-padding-block-start:60px;--ehp-form-box-padding-inline-end:60px;--ehp-form-box-padding-inline-start:60px;align-items:center;display:flex;flex-direction:column;padding-block-end:var(--ehp-form-box-padding-block-end);padding-block-start:var(--ehp-form-box-padding-block-start);padding-inline-end:var(--ehp-form-box-padding-inline-end);padding-inline-start:var(--ehp-form-box-padding-inline-start)}.ehp-form>*{max-width:var(--ehp-form-content-width);width:100%}.ehp-form__wrapper{-moz-column-gap:var(--ehp-form-column-gap);column-gap:var(--ehp-form-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--ehp-form-row-gap)}.ehp-form__field-group{display:flex;flex-direction:column;gap:var(--ehp-form-label-spacing)}.ehp-form__field-group.is-field-required.is-mark-required .ehp-form__field-label:after{color:var(--ehp-form-mark-color);content:"*";display:inline-block}.ehp-form__field-group,.ehp-form__submit-group{width:100%}.ehp-form__field-group.has-width-33,.ehp-form__submit-group.has-width-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-50,.ehp-form__submit-group.has-width-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-100,.ehp-form__submit-group.has-width-100{--ehp-column-width:100%;max-width:100%}@media screen and (max-width:1024px){.ehp-form__field-group.has-width-md-33,.ehp-form__submit-group.has-width-md-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-50,.ehp-form__submit-group.has-width-md-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-100,.ehp-form__submit-group.has-width-md-100{--ehp-column-width:100%;max-width:100%}}@media screen and (max-width:767px){.ehp-form__field-group.has-width-sm-33,.ehp-form__submit-group.has-width-sm-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-50,.ehp-form__submit-group.has-width-sm-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-100,.ehp-form__submit-group.has-width-sm-100{--ehp-column-width:100%;max-width:100%}}.ehp-form__text-container{align-items:var(--ehp-form-text-container-align);display:flex;flex-direction:column}.ehp-form__heading{color:var(--ehp-form-heading-color)}.ehp-form__description{color:var(--ehp-form-description-color)}.ehp-form__field-label{color:var(--ehp-form-label-color)}.ehp-form__field:not(.ehp-form__select),.ehp-form__field[type=email],.ehp-form__field[type=tel],.ehp-form__field[type=text],.ehp-form__select,.ehp-form__textarea{background-color:var(--ehp-form-field-bg-color);border:0;border-radius:0;color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::-moz-placeholder,.ehp-form__field[type=email]::-moz-placeholder,.ehp-form__field[type=tel]::-moz-placeholder,.ehp-form__field[type=text]::-moz-placeholder,.ehp-form__select::-moz-placeholder,.ehp-form__textarea::-moz-placeholder{color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::placeholder,.ehp-form__field[type=email]::placeholder,.ehp-form__field[type=tel]::placeholder,.ehp-form__field[type=text]::placeholder,.ehp-form__select::placeholder,.ehp-form__textarea::placeholder{color:var(--ehp-form-field-text-color)}.has-border .ehp-form__field:not(.ehp-form__select),.has-border .ehp-form__field[type=email],.has-border .ehp-form__field[type=tel],.has-border .ehp-form__field[type=text],.has-border .ehp-form__select,.has-border .ehp-form__textarea{border-color:var(--ehp-form-field-border-color);border-style:solid;border-width:var(--ehp-form-field-border-width)}.has-shape-sharp .ehp-form__field:not(.ehp-form__select),.has-shape-sharp .ehp-form__field[type=email],.has-shape-sharp .ehp-form__field[type=tel],.has-shape-sharp .ehp-form__field[type=text],.has-shape-sharp .ehp-form__select,.has-shape-sharp .ehp-form__textarea{border-radius:0}.has-shape-rounded .ehp-form__field:not(.ehp-form__select),.has-shape-rounded .ehp-form__field[type=email],.has-shape-rounded .ehp-form__field[type=tel],.has-shape-rounded .ehp-form__field[type=text],.has-shape-rounded .ehp-form__select,.has-shape-rounded .ehp-form__textarea{border-radius:12px}.has-shape-round .ehp-form__field:not(.ehp-form__select),.has-shape-round .ehp-form__field[type=email],.has-shape-round .ehp-form__field[type=tel],.has-shape-round .ehp-form__field[type=text],.has-shape-round .ehp-form__select,.has-shape-round .ehp-form__textarea{border-radius:32px}.has-shape-default .ehp-form__field:not(.ehp-form__select),.has-shape-default .ehp-form__field[type=email],.has-shape-default .ehp-form__field[type=tel],.has-shape-default .ehp-form__field[type=text],.has-shape-default .ehp-form__select,.has-shape-default .ehp-form__textarea{border-radius:8px}.ehp-form__submit-group{align-items:flex-end;display:flex;justify-content:var(--ehp-form-button-align)}.ehp-form__button[type=submit]{align-items:center;border:0;color:var(--ehp-form-button-text-color);display:flex;flex-direction:var(--ehp-form-button-icon-position);flex-grow:1;gap:var(--ehp-form-button-icon-spacing);justify-content:center;text-decoration:none;transition:all .3s}.ehp-form__button[type=submit]:focus,.ehp-form__button[type=submit]:hover{color:var(--ehp-form-button-text-color-hover);transition:all .3s}.ehp-form__button[type=submit].has-border{border-color:var(--ehp-form-button-border-color);border-radius:var(--ehp-form-button-border-radius);border-style:solid;border-width:var(--ehp-form-button-border-width)}.ehp-form__button[type=submit].is-type-button{padding-block-end:var(--ehp-form-button-padding-block-end);padding-block-start:var(--ehp-form-button-padding-block-start);padding-inline-end:var(--ehp-form-button-padding-inline-end);padding-inline-start:var(--ehp-form-button-padding-inline-start);text-decoration:none}.ehp-form__button[type=submit].is-type-link,.ehp-form__button[type=submit].is-type-link:focus,.ehp-form__button[type=submit].is-type-link:hover,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]),.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):focus,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):hover{background:none}.ehp-form__button[type=submit].is-type-link .ehp-form__button-text,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]) .ehp-form__button-text{text-decoration:underline}.ehp-form__button[type=submit].has-shape-sharp{border-radius:0}.ehp-form__button[type=submit].has-shape-rounded{border-radius:12px}.ehp-form__button[type=submit].has-shape-round{border-radius:32px}.ehp-form__button[type=submit].has-shape-default{border-radius:8px}.ehp-form__button-icon{color:inherit;fill:currentColor;font-size:1em;height:1em;width:1em}.ehp-form__select{position:relative}.ehp-form__select .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ehp-form__select .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;width:1em;fill:currentColor}.ehp-form__select .select-caret-down-wrapper i{font-size:19px;line-height:2}.ehp-form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ehp-form__select select::-ms-expand{display:none}
  • hello-plus/trunk/build/css/helloplus-forms.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => '48d25e4302e47e297a4d');
     1<?php return array('dependencies' => array(), 'version' => 'e86eaf5a7c5c89b97f66');
  • hello-plus/trunk/build/css/helloplus-forms.css

    r3238471 r3241372  
    1 .ehp-form{--ehp-column-width:100%;--ehp-form-row-gap:32px;--ehp-form-column-gap:32px;--ehp-form-button-icon-spacing:8px;--ehp-form-button-icon-position:row;--ehp-form-text-container-align:center;--ehp-form-heading-color:#000;--ehp-form-description-color:#000;--ehp-form-label-spacing:0;--ehp-form-label-color:#000;--ehp-form-mark-color:red;--ehp-form-field-text-color:#000;--ehp-form-field-bg-color:#fff;--ehp-form-field-border-color:#000;--ehp-form-field-border-width:2px;--ehp-form-button-align:stretch;--ehp-form-button-icon-size:16px;--ehp-form-button-icon-spacing:10px;--ehp-form-button-text-color:#fff;--ehp-form-button-text-color-hover:#fff;--ehp-form-button-border-width:1px;--ehp-form-button-border-color:#28292b;--ehp-form-button-border-radius:0;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:16px;--ehp-form-button-padding-inline-start:16px;--ehp-form-content-width:640px;--ehp-form-box-padding-block-end:60px;--ehp-form-box-padding-block-start:60px;--ehp-form-box-padding-inline-end:60px;--ehp-form-box-padding-inline-start:60px;align-items:center;display:flex;flex-direction:column;padding-block-end:var(--ehp-form-box-padding-block-end);padding-block-start:var(--ehp-form-box-padding-block-start);padding-inline-end:var(--ehp-form-box-padding-inline-end);padding-inline-start:var(--ehp-form-box-padding-inline-start)}.ehp-form>*{max-width:var(--ehp-form-content-width);width:100%}.ehp-form__wrapper{-moz-column-gap:var(--ehp-form-column-gap);column-gap:var(--ehp-form-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--ehp-form-row-gap)}.ehp-form__field-group{display:flex;flex-direction:column;gap:var(--ehp-form-label-spacing)}.ehp-form__field-group.is-field-required.is-mark-required .ehp-form__field-label:after{color:var(--ehp-form-mark-color);content:"*";display:inline-block}.ehp-form__field-group,.ehp-form__submit-group{width:100%}.ehp-form__field-group.has-width-33,.ehp-form__submit-group.has-width-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-50,.ehp-form__submit-group.has-width-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-100,.ehp-form__submit-group.has-width-100{--ehp-column-width:100%;max-width:100%}@media screen and (max-width:1024px){.ehp-form__field-group.has-width-md-33,.ehp-form__submit-group.has-width-md-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-50,.ehp-form__submit-group.has-width-md-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-100,.ehp-form__submit-group.has-width-md-100{--ehp-column-width:100%;max-width:100%}}@media screen and (max-width:767px){.ehp-form__field-group.has-width-sm-33,.ehp-form__submit-group.has-width-sm-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-50,.ehp-form__submit-group.has-width-sm-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-100,.ehp-form__submit-group.has-width-sm-100{--ehp-column-width:100%;max-width:100%}}.ehp-form__text-container{align-items:var(--ehp-form-text-container-align);display:flex;flex-direction:column}.ehp-form__heading{color:var(--ehp-form-heading-color)}.ehp-form__description{color:var(--ehp-form-description-color)}.ehp-form__field-label{color:var(--ehp-form-label-color)}.ehp-form__field:not(.ehp-form__select),.ehp-form__field[type=email],.ehp-form__field[type=tel],.ehp-form__field[type=text],.ehp-form__select select,.ehp-form__textarea{background-color:var(--ehp-form-field-bg-color);border:0;border-radius:0;color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::-moz-placeholder,.ehp-form__field[type=email]::-moz-placeholder,.ehp-form__field[type=tel]::-moz-placeholder,.ehp-form__field[type=text]::-moz-placeholder,.ehp-form__select select::-moz-placeholder,.ehp-form__textarea::-moz-placeholder{color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::placeholder,.ehp-form__field[type=email]::placeholder,.ehp-form__field[type=tel]::placeholder,.ehp-form__field[type=text]::placeholder,.ehp-form__select select::placeholder,.ehp-form__textarea::placeholder{color:var(--ehp-form-field-text-color)}.has-border .ehp-form__field:not(.ehp-form__select),.has-border .ehp-form__field[type=email],.has-border .ehp-form__field[type=tel],.has-border .ehp-form__field[type=text],.has-border .ehp-form__select select,.has-border .ehp-form__textarea{border-color:var(--ehp-form-field-border-color);border-style:solid;border-width:var(--ehp-form-field-border-width)}.has-shape-sharp .ehp-form__field:not(.ehp-form__select),.has-shape-sharp .ehp-form__field[type=email],.has-shape-sharp .ehp-form__field[type=tel],.has-shape-sharp .ehp-form__field[type=text],.has-shape-sharp .ehp-form__select select,.has-shape-sharp .ehp-form__textarea{border-radius:0}.has-shape-rounded .ehp-form__field:not(.ehp-form__select),.has-shape-rounded .ehp-form__field[type=email],.has-shape-rounded .ehp-form__field[type=tel],.has-shape-rounded .ehp-form__field[type=text],.has-shape-rounded .ehp-form__select select,.has-shape-rounded .ehp-form__textarea{border-radius:12px}.has-shape-round .ehp-form__field:not(.ehp-form__select),.has-shape-round .ehp-form__field[type=email],.has-shape-round .ehp-form__field[type=tel],.has-shape-round .ehp-form__field[type=text],.has-shape-round .ehp-form__select select,.has-shape-round .ehp-form__textarea{border-radius:32px}.has-shape-default .ehp-form__field:not(.ehp-form__select),.has-shape-default .ehp-form__field[type=email],.has-shape-default .ehp-form__field[type=tel],.has-shape-default .ehp-form__field[type=text],.has-shape-default .ehp-form__select select,.has-shape-default .ehp-form__textarea{border-radius:8px}.ehp-form__submit-group{align-items:flex-end;display:flex;justify-content:var(--ehp-form-button-align)}.ehp-form__button[type=submit]{align-items:center;border:0;color:var(--ehp-form-button-text-color);display:flex;flex-direction:var(--ehp-form-button-icon-position);flex-grow:1;gap:var(--ehp-form-button-icon-spacing);justify-content:center;text-decoration:none;transition:all .3s}.ehp-form__button[type=submit]:focus,.ehp-form__button[type=submit]:hover{color:var(--ehp-form-button-text-color-hover);transition:all .3s}.ehp-form__button[type=submit].has-border{border-color:var(--ehp-form-button-border-color);border-radius:var(--ehp-form-button-border-radius);border-style:solid;border-width:var(--ehp-form-button-border-width)}.ehp-form__button[type=submit].is-type-button{padding-block-end:var(--ehp-form-button-padding-block-end);padding-block-start:var(--ehp-form-button-padding-block-start);padding-inline-end:var(--ehp-form-button-padding-inline-end);padding-inline-start:var(--ehp-form-button-padding-inline-start);text-decoration:none}.ehp-form__button[type=submit].is-type-link,.ehp-form__button[type=submit].is-type-link:focus,.ehp-form__button[type=submit].is-type-link:hover,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]),.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):focus,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):hover{background:none}.ehp-form__button[type=submit].is-type-link .ehp-form__button-text,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]) .ehp-form__button-text{text-decoration:underline}.ehp-form__button[type=submit].has-shape-sharp{border-radius:0}.ehp-form__button[type=submit].has-shape-rounded{border-radius:12px}.ehp-form__button[type=submit].has-shape-round{border-radius:32px}.ehp-form__button[type=submit].has-shape-default{border-radius:8px}.ehp-form__button-icon{color:inherit;fill:currentColor;font-size:1em;height:1em;width:1em}.ehp-form__select{position:relative}.ehp-form__select .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ehp-form__select .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;width:1em;fill:currentColor}.ehp-form__select .select-caret-down-wrapper i{font-size:19px;line-height:2}.ehp-form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ehp-form__select select::-ms-expand{display:none}
     1.ehp-form{--ehp-column-width:100%;--ehp-form-row-gap:32px;--ehp-form-column-gap:32px;--ehp-form-button-icon-spacing:8px;--ehp-form-button-icon-position:row;--ehp-form-text-container-align:center;--ehp-form-heading-color:#000;--ehp-form-description-color:#000;--ehp-form-label-spacing:0;--ehp-form-label-color:#000;--ehp-form-mark-color:red;--ehp-form-field-text-color:#000;--ehp-form-field-bg-color:#fff;--ehp-form-field-border-color:#000;--ehp-form-field-border-width:2px;--ehp-form-button-align:stretch;--ehp-form-button-icon-size:16px;--ehp-form-button-icon-spacing:10px;--ehp-form-button-text-color:#fff;--ehp-form-button-text-color-hover:#fff;--ehp-form-button-border-width:1px;--ehp-form-button-border-color:#28292b;--ehp-form-button-border-radius:0;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:16px;--ehp-form-button-padding-inline-start:16px;--ehp-form-content-width:640px;--ehp-form-box-padding-block-end:60px;--ehp-form-box-padding-block-start:60px;--ehp-form-box-padding-inline-end:60px;--ehp-form-box-padding-inline-start:60px;align-items:center;display:flex;flex-direction:column;padding-block-end:var(--ehp-form-box-padding-block-end);padding-block-start:var(--ehp-form-box-padding-block-start);padding-inline-end:var(--ehp-form-box-padding-inline-end);padding-inline-start:var(--ehp-form-box-padding-inline-start)}.ehp-form>*{max-width:var(--ehp-form-content-width);width:100%}.ehp-form__wrapper{-moz-column-gap:var(--ehp-form-column-gap);column-gap:var(--ehp-form-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--ehp-form-row-gap)}.ehp-form__field-group{display:flex;flex-direction:column;gap:var(--ehp-form-label-spacing)}.ehp-form__field-group.is-field-required.is-mark-required .ehp-form__field-label:after{color:var(--ehp-form-mark-color);content:"*";display:inline-block}.ehp-form__field-group,.ehp-form__submit-group{width:100%}.ehp-form__field-group.has-width-33,.ehp-form__submit-group.has-width-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-50,.ehp-form__submit-group.has-width-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-100,.ehp-form__submit-group.has-width-100{--ehp-column-width:100%;max-width:100%}@media screen and (max-width:1024px){.ehp-form__field-group.has-width-md-33,.ehp-form__submit-group.has-width-md-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-50,.ehp-form__submit-group.has-width-md-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-md-100,.ehp-form__submit-group.has-width-md-100{--ehp-column-width:100%;max-width:100%}}@media screen and (max-width:767px){.ehp-form__field-group.has-width-sm-33,.ehp-form__submit-group.has-width-sm-33{--ehp-column-width:32.2%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-50,.ehp-form__submit-group.has-width-sm-50{--ehp-column-width:50%;max-width:calc(var(--ehp-column-width) - var(--ehp-form-column-gap)/2)}.ehp-form__field-group.has-width-sm-100,.ehp-form__submit-group.has-width-sm-100{--ehp-column-width:100%;max-width:100%}}.ehp-form__text-container{align-items:var(--ehp-form-text-container-align);display:flex;flex-direction:column}.ehp-form__heading{color:var(--ehp-form-heading-color)}.ehp-form__description{color:var(--ehp-form-description-color)}.ehp-form__field-label{color:var(--ehp-form-label-color)}.ehp-form__field:not(.ehp-form__select),.ehp-form__field[type=email],.ehp-form__field[type=tel],.ehp-form__field[type=text],.ehp-form__select,.ehp-form__textarea{background-color:var(--ehp-form-field-bg-color);border:0;border-radius:0;color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::-moz-placeholder,.ehp-form__field[type=email]::-moz-placeholder,.ehp-form__field[type=tel]::-moz-placeholder,.ehp-form__field[type=text]::-moz-placeholder,.ehp-form__select::-moz-placeholder,.ehp-form__textarea::-moz-placeholder{color:var(--ehp-form-field-text-color)}.ehp-form__field:not(.ehp-form__select)::placeholder,.ehp-form__field[type=email]::placeholder,.ehp-form__field[type=tel]::placeholder,.ehp-form__field[type=text]::placeholder,.ehp-form__select::placeholder,.ehp-form__textarea::placeholder{color:var(--ehp-form-field-text-color)}.has-border .ehp-form__field:not(.ehp-form__select),.has-border .ehp-form__field[type=email],.has-border .ehp-form__field[type=tel],.has-border .ehp-form__field[type=text],.has-border .ehp-form__select,.has-border .ehp-form__textarea{border-color:var(--ehp-form-field-border-color);border-style:solid;border-width:var(--ehp-form-field-border-width)}.has-shape-sharp .ehp-form__field:not(.ehp-form__select),.has-shape-sharp .ehp-form__field[type=email],.has-shape-sharp .ehp-form__field[type=tel],.has-shape-sharp .ehp-form__field[type=text],.has-shape-sharp .ehp-form__select,.has-shape-sharp .ehp-form__textarea{border-radius:0}.has-shape-rounded .ehp-form__field:not(.ehp-form__select),.has-shape-rounded .ehp-form__field[type=email],.has-shape-rounded .ehp-form__field[type=tel],.has-shape-rounded .ehp-form__field[type=text],.has-shape-rounded .ehp-form__select,.has-shape-rounded .ehp-form__textarea{border-radius:12px}.has-shape-round .ehp-form__field:not(.ehp-form__select),.has-shape-round .ehp-form__field[type=email],.has-shape-round .ehp-form__field[type=tel],.has-shape-round .ehp-form__field[type=text],.has-shape-round .ehp-form__select,.has-shape-round .ehp-form__textarea{border-radius:32px}.has-shape-default .ehp-form__field:not(.ehp-form__select),.has-shape-default .ehp-form__field[type=email],.has-shape-default .ehp-form__field[type=tel],.has-shape-default .ehp-form__field[type=text],.has-shape-default .ehp-form__select,.has-shape-default .ehp-form__textarea{border-radius:8px}.ehp-form__submit-group{align-items:flex-end;display:flex;justify-content:var(--ehp-form-button-align)}.ehp-form__button[type=submit]{align-items:center;border:0;color:var(--ehp-form-button-text-color);display:flex;flex-direction:var(--ehp-form-button-icon-position);flex-grow:1;gap:var(--ehp-form-button-icon-spacing);justify-content:center;text-decoration:none;transition:all .3s}.ehp-form__button[type=submit]:focus,.ehp-form__button[type=submit]:hover{color:var(--ehp-form-button-text-color-hover);transition:all .3s}.ehp-form__button[type=submit].has-border{border-color:var(--ehp-form-button-border-color);border-radius:var(--ehp-form-button-border-radius);border-style:solid;border-width:var(--ehp-form-button-border-width)}.ehp-form__button[type=submit].is-type-button{padding-block-end:var(--ehp-form-button-padding-block-end);padding-block-start:var(--ehp-form-button-padding-block-start);padding-inline-end:var(--ehp-form-button-padding-inline-end);padding-inline-start:var(--ehp-form-button-padding-inline-start);text-decoration:none}.ehp-form__button[type=submit].is-type-link,.ehp-form__button[type=submit].is-type-link:focus,.ehp-form__button[type=submit].is-type-link:hover,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]),.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):focus,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]):hover{background:none}.ehp-form__button[type=submit].is-type-link .ehp-form__button-text,.ehp-form__button[type=submit].is-type-link:not([href]):not([tabindex]) .ehp-form__button-text{text-decoration:underline}.ehp-form__button[type=submit].has-shape-sharp{border-radius:0}.ehp-form__button[type=submit].has-shape-rounded{border-radius:12px}.ehp-form__button[type=submit].has-shape-round{border-radius:32px}.ehp-form__button[type=submit].has-shape-default{border-radius:8px}.ehp-form__button-icon{color:inherit;fill:currentColor;font-size:1em;height:1em;width:1em}.ehp-form__select{position:relative}.ehp-form__select .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ehp-form__select .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;width:1em;fill:currentColor}.ehp-form__select .select-caret-down-wrapper i{font-size:19px;line-height:2}.ehp-form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ehp-form__select select::-ms-expand{display:none}
  • hello-plus/trunk/build/css/helloplus-header-rtl.css

    r3238471 r3241372  
    1 .ehp-header{--header-logo-width:68px;--header-logo-width-sticky:34px;--header-site-title-color:#0052ff;--header-buttons-space-between:16px;--header-logo-order:0;--header-navigation-breakpoint:767px;--header-menu-item-spacing:32px;--header-title-size-sticky:20px;--header-title-weight-sticky:800;--header-align-menu:start;--header-element-spacing:0;--header-blur-level:7px;--header-wp-admin-bar-height:0;--header-float-offset:0px;--header-float-height:calc(var(--header-wp-admin-bar-height) + var(--header-float-offset));--header-float-width:100%;--header-scroll-down:0;--header-button-primary-icon-spacing:10px;--header-button-primary-icon-size:16px;--header-button-primary-text-color:#fff;--header-button-primary-text-color-hover:#7a7a7a;--header-button-primary-border-width:0;--header-button-primary-border-color:transparent;--header-button-primary-padding-block-end:8px;--header-button-primary-padding-block-start:8px;--header-button-primary-padding-inline-end:16px;--header-button-primary-padding-inline-start:16px;--header-button-primary-border-radius-block-end:8px;--header-button-primary-border-radius-block-start:8px;--header-button-primary-border-radius-inline-end:8px;--header-button-primary-border-radius-inline-start:8px;--header-button-secondary-icon-spacing:10px;--header-button-secondary-icon-size:16px;--header-button-secondary-text-color:#54595f;--header-button-secondary-text-color-hover:#54595f;--header-button-secondary-border-width:2px;--header-button-secondary-border-color:#54595f;--header-button-secondary-padding-block-end:8px;--header-button-secondary-padding-block-start:8px;--header-button-secondary-padding-inline-end:16px;--header-button-secondary-padding-inline-start:16px;--header-button-secondary-border-radius-block-end:8px;--header-button-secondary-border-radius-block-start:8px;--header-button-secondary-border-radius-inline-end:8px;--header-button-secondary-border-radius-inline-start:8px;--header-toggle-icon-color:#555963;--header-toggle-icon-color-active:#555963;--header-toggle-icon-size:22px;--header-menu-item-color:#555963;--header-menu-item-color-hover:#555963;--header-menu-item-color-active:#555963;--header-pointer-hover-underline-width:2px;--header-pointer-hover-underline-color:#0052ff;--header-pointer-hover-highlight-bg-color:#e0eaff;--header-pointer-hover-highlight-padding-inline-default:8px;--header-pointer-hover-highlight-padding-block-default:4px;--header-pointer-hover-highlight-padding-inline-thin:6px;--header-pointer-hover-highlight-padding-block-thin:2px;--header-pointer-hover-highlight-padding-inline-thick:8px;--header-pointer-hover-highlight-padding-block-thick:8px;--header-pointer-hover-highlight-padding-inline:var(--header-pointer-hover-highlight-padding-inline-default);--header-pointer-hover-highlight-padding-block:var(--header-pointer-hover-highlight-padding-block-default);--header-focus-active-underline-width:2px;--header-focus-active-underline-color:#0052ff;--header-focus-active-highlight-bg-color:#e0eaff;--header-focus-active-highlight-padding-inline-default:8px;--header-focus-active-highlight-padding-block-default:4px;--header-focus-active-highlight-padding-inline-thin:6px;--header-focus-active-highlight-padding-block-thin:2px;--header-focus-active-highlight-padding-inline-thick:8px;--header-focus-active-highlight-padding-block-thick:8px;--header-focus-active-highlight-padding-inline:var(--header-focus-active-highlight-padding-inline-default);--header-focus-active-highlight-padding-block:var(--header-focus-active-highlight-padding-block-default);--header-dropdown-text-align:flex-start;--header-dropdown-divider-color:#e0e1e2;--header-dropdown-divider-width:1px;--header-box-padding-block-start:16px;--header-box-padding-block-end:16px;--header-box-padding-inline-start:32px;--header-box-padding-inline-end:32px;--header-box-border-width:1px;--header-box-border-color:#555963;--header-contact-button-size:16px;--header-contact-button-spacing:12px;--header-border-radius-default:8px;--header-border-radius-sharp:0;--header-border-radius-rounded:12px;--header-border-radius-round:32px;--header-border-radius-oval:50%;--header-button-border-radius-custom-block-end:8px;--header-button-border-radius-custom-block-start:8px;--header-button-border-radius-custom-inline-end:8px;--header-button-border-radius-custom-inline-start:8px;display:flex;max-width:var(--header-float-width);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-box-border{border-bottom:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-float{--header-float-offset:16px;--header-float-width:1140px}.ehp-header.has-behavior-float.has-box-border{border:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-scroll-up{right:0;margin:0 auto;position:fixed;left:0;top:var(--header-float-height);transition:top .5s ease-in-out;width:100%;z-index:999}.ehp-header.has-behavior-onscroll-scroll-up.scroll-down{top:calc(var(--header-scroll-down)*-1);transition:top .5s ease-in-out}.ehp-header.has-blur-background{backdrop-filter:blur(var(--header-blur-background-level))}.ehp-header .has-shape-sharp,.ehp-header.has-shape-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-rounded,.ehp-header.has-shape-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-round,.ehp-header.has-shape-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-default,.ehp-header.has-shape-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-oval,.ehp-header.has-shape-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-custom,.ehp-header.has-shape-custom{border-bottom-right-radius:var(--header-border-radius-inline-start);border-bottom-left-radius:var(--header-border-radius-inline-end);border-top-right-radius:var(--header-border-radius-block-end);border-top-left-radius:var(--header-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-header .has-shape-md-sharp,.ehp-header.has-shape-md-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-md-rounded,.ehp-header.has-shape-md-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-md-round,.ehp-header.has-shape-md-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-md-default,.ehp-header.has-shape-md-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-md-oval,.ehp-header.has-shape-md-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-md-custom,.ehp-header.has-shape-md-custom{border-bottom-right-radius:var(--header-border-radius-inline-start);border-bottom-left-radius:var(--header-border-radius-inline-end);border-top-right-radius:var(--header-border-radius-block-end);border-top-left-radius:var(--header-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-header .has-shape-sm-sharp,.ehp-header.has-shape-sm-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-sm-rounded,.ehp-header.has-shape-sm-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-sm-round,.ehp-header.has-shape-sm-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-sm-default,.ehp-header.has-shape-sm-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-sm-oval,.ehp-header.has-shape-sm-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-sm-custom,.ehp-header.has-shape-sm-custom{border-bottom-right-radius:var(--header-border-radius-inline-start);border-bottom-left-radius:var(--header-border-radius-inline-end);border-top-right-radius:var(--header-border-radius-block-end);border-top-left-radius:var(--header-border-radius-block-start)}}.ehp-header.has-behavior-float.has-shape-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-header.has-behavior-float.has-shape-md-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-header.has-behavior-float.has-shape-sm-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}.ehp-header__elements-container{display:grid;grid-gap:var(--header-element-spacing);flex-grow:1;grid-template-areas:"start center end";grid-template-columns:1fr auto 1fr;position:relative}.ehp-header__elements-container>.ehp-header__ctas-container{grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end}.ehp-header__site-link{align-items:center;display:flex}.ehp-header__site-link img{width:var(--header-logo-width)}.ehp-header__site-title{color:var(--header-site-title-color);font-weight:600;margin:0}.ehp-header__ctas-container{align-items:center;display:flex;gap:var(--header-buttons-space-between);order:3}.ehp-header a.ehp-button,.ehp-header a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--header-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--header-button-primary-icon-size);--ehp-button-primary-text-color:var(--header-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--header-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--header-button-primary-border-width);--ehp-button-primary-border-color:var(--header-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--header-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--header-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--header-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--header-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--header-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--header-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--header-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--header-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--header-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--header-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--header-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--header-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--header-button-secondary-border-width);--ehp-button-secondary-border-color:var(--header-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--header-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--header-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--header-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--header-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--header-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--header-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--header-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--header-button-secondary-border-radius-inline-start)}.ehp-header__navigation{order:1}.ehp-header__navigation[aria-hidden=true]{display:none}.ehp-header__toggle-icon--open{display:block}.ehp-header__toggle-icon--close{display:none}.ehp-header__side-toggle{display:none;gap:16px;grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end;order:3}.ehp-header__button-toggle{align-items:center;background:none;border:none;cursor:pointer;padding:0}.ehp-header__button-toggle:focus,.ehp-header__button-toggle:hover{background:none}.ehp-header__button-toggle svg{fill:var(--header-toggle-icon-color);height:var(--header-toggle-icon-size);width:var(--header-toggle-icon-size)}.ehp-header__button-toggle .ehp-header__toggle-icon--close{color:var(--header-toggle-icon-color-active);fill:var(--header-toggle-icon-color-active)}.ehp-header__button-toggle i{color:var(--header-toggle-icon-color);font-size:var(--header-toggle-icon-size)}.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--open{display:none}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--open,.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--close{display:block}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--close{display:none}.ehp-header__dropdown{display:flex;gap:var(--header-menu-item-spacing);right:-16px;list-style:none;padding:0;position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:auto;z-index:9}.ehp-header__dropdown .menu-item{flex-grow:1}.ehp-header__dropdown.has-shape-custom{--header-border-radius-block-end:var(--header-submenu-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-submenu-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-submenu-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-submenu-border-radius-custom-inline-start)}.ehp-header__dropdown[aria-hidden=true]{display:none}.ehp-header__item--sub-level{white-space:nowrap}.ehp-header__item:is([type=button]),.ehp-header__item:is(a){color:var(--header-menu-item-color);transition:all .3s}.ehp-header__item:is([type=button]):focus,.ehp-header__item:is([type=button]):hover,.ehp-header__item:is(a):focus,.ehp-header__item:is(a):hover{color:var(--header-menu-item-color-hover);transition:all .3s}.ehp-header__item:is([type=button])[aria-expanded=true] .ehp-header__submenu-toggle-icon,.ehp-header__item:is(a)[aria-expanded=true] .ehp-header__submenu-toggle-icon{transform:rotate(-180deg)}.ehp-header__dropdown-toggle[type=button]{border:unset;border-radius:unset;padding:unset}.ehp-header__dropdown-toggle[type=button]:focus,.ehp-header__dropdown-toggle[type=button]:hover{background:unset}.ehp-header .menu-item{align-items:center;display:flex;height:100%;position:relative}.ehp-header .menu-item.current-menu-item .ehp-header__item{color:var(--header-menu-item-color-active)}.ehp-header__menu{align-items:center;display:flex;gap:var(--header-menu-item-spacing);list-style-type:none;padding:0}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item{position:relative}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item:after{background-color:var(--header-focus-active-underline-color);bottom:-5px;content:"";height:var(--header-focus-active-underline-width);right:0;position:absolute;width:100%}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item{border-radius:8px;padding-block:var(--header-focus-active-highlight-padding-block);padding-inline:var(--header-focus-active-highlight-padding-inline)}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:focus,.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:hover{background-color:var(--header-focus-active-highlight-bg-color)}.ehp-header__submenu-toggle-icon{fill:currentColor;height:12px;margin-right:4px;width:12px}.ehp-header__contact-buttons{align-items:center;display:flex;gap:var(--header-contact-button-spacing)}.ehp-header__contact-button .ehp-header__contact-button-icon,.ehp-header__contact-button .ehp-header__contact-button-label{color:var(--header-contact-button-color)}.ehp-header__contact-button:focus .ehp-header__contact-button-icon,.ehp-header__contact-button:focus .ehp-header__contact-button-label,.ehp-header__contact-button:hover .ehp-header__contact-button-icon,.ehp-header__contact-button:hover .ehp-header__contact-button-label{color:var(--header-contact-button-color-hover)}.ehp-header__contact-button-icon:is(i){font-size:var(--header-contact-button-size)}.ehp-header__contact-button-icon:is(svg){height:var(--header-contact-button-size);width:var(--header-contact-button-size)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-always .ehp-header__site-link img,.ehp-header.has-behavior-onscroll-always .ehp-header__site-title,.ehp-header.has-behavior-onscroll-always.scroll-down{transition:all .3s}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-logo .ehp-header__site-link img{transition:all .3s;width:var(--header-logo-width-sticky)}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-title .ehp-header__site-title{font-size:var(--header-title-size-sticky);font-weight:var(--header-title-weight-sticky);transition:all .3s}@media screen and (max-width:767px){.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;right:unset;position:relative;top:unset;width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation{right:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__button{justify-content:center}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__side-toggle{display:flex}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-mobile-portrait .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header.has-navigation-breakpoint-mobile-portrait .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:768px){.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown{padding:16px 32px}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);right:0;position:absolute;width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}@media screen and (max-width:1024px){.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;right:unset;position:relative;top:unset;width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation{right:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__button{justify-content:center}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__side-toggle{display:flex}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-tablet-portrait .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header.has-navigation-breakpoint-tablet-portrait .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:1025px){.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown{padding:16px 32px}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);right:0;position:absolute;width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}.e-con.e-con--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float)){padding:0}.e-con.e-con--ehp-header>.e-con-inner,.e-con.e-con--ehp-header>.e-con-inner.e-con-inner--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner.e-con-inner--ehp-header{max-width:unset;padding-block-end:0;padding-block-start:0}
     1.ehp-header{--header-logo-width:68px;--header-logo-width-sticky:34px;--header-site-title-color:#0052ff;--header-buttons-space-between:16px;--header-logo-order:0;--header-navigation-breakpoint:767px;--header-menu-item-spacing:32px;--header-title-size-sticky:20px;--header-title-weight-sticky:800;--header-align-menu:start;--header-element-spacing:0;--header-blur-level:7px;--header-wp-admin-bar-height:0;--header-float-offset:0px;--header-float-height:calc(var(--header-wp-admin-bar-height) + var(--header-float-offset));--header-float-width:100%;--header-scroll-down:0;--header-button-primary-icon-spacing:10px;--header-button-primary-icon-size:16px;--header-button-primary-text-color:#fff;--header-button-primary-text-color-hover:#7a7a7a;--header-button-primary-border-width:0;--header-button-primary-border-color:transparent;--header-button-primary-border-radius-block-end:8px;--header-button-primary-border-radius-block-start:8px;--header-button-primary-border-radius-inline-end:8px;--header-button-primary-border-radius-inline-start:8px;--header-button-secondary-icon-spacing:10px;--header-button-secondary-icon-size:16px;--header-button-secondary-text-color:#54595f;--header-button-secondary-text-color-hover:#54595f;--header-button-secondary-border-width:2px;--header-button-secondary-border-color:#54595f;--header-button-secondary-border-radius-block-end:8px;--header-button-secondary-border-radius-block-start:8px;--header-button-secondary-border-radius-inline-end:8px;--header-button-secondary-border-radius-inline-start:8px;--header-toggle-icon-color:#555963;--header-toggle-icon-color-active:#555963;--header-toggle-icon-size:22px;--header-menu-item-color:#555963;--header-menu-item-color-hover:#555963;--header-menu-item-color-active:#555963;--header-pointer-hover-underline-width:2px;--header-pointer-hover-underline-color:#0052ff;--header-pointer-hover-highlight-bg-color:#e0eaff;--header-pointer-hover-highlight-padding-inline-default:8px;--header-pointer-hover-highlight-padding-block-default:4px;--header-pointer-hover-highlight-padding-inline-thin:6px;--header-pointer-hover-highlight-padding-block-thin:2px;--header-pointer-hover-highlight-padding-inline-thick:8px;--header-pointer-hover-highlight-padding-block-thick:8px;--header-pointer-hover-highlight-padding-inline:var(--header-pointer-hover-highlight-padding-inline-default);--header-pointer-hover-highlight-padding-block:var(--header-pointer-hover-highlight-padding-block-default);--header-focus-active-underline-width:2px;--header-focus-active-underline-color:#0052ff;--header-focus-active-highlight-bg-color:#e0eaff;--header-focus-active-highlight-padding-inline-default:8px;--header-focus-active-highlight-padding-block-default:4px;--header-focus-active-highlight-padding-inline-thin:6px;--header-focus-active-highlight-padding-block-thin:2px;--header-focus-active-highlight-padding-inline-thick:8px;--header-focus-active-highlight-padding-block-thick:8px;--header-focus-active-highlight-padding-inline:var(--header-focus-active-highlight-padding-inline-default);--header-focus-active-highlight-padding-block:var(--header-focus-active-highlight-padding-block-default);--header-dropdown-text-align:flex-start;--header-dropdown-divider-color:#e0e1e2;--header-dropdown-divider-width:1px;--header-box-border-width:1px;--header-box-border-color:#555963;--header-contact-button-size:16px;--header-contact-button-spacing:12px;--header-border-radius-default:8px;--header-border-radius-sharp:0;--header-border-radius-rounded:12px;--header-border-radius-round:32px;--header-border-radius-oval:50%;--header-button-border-radius-custom-block-end:8px;--header-button-border-radius-custom-block-start:8px;--header-button-border-radius-custom-inline-end:8px;--header-button-border-radius-custom-inline-start:8px;--header-box-padding-block-start:16px;--header-box-padding-block-end:16px;--header-box-padding-inline-start:32px;--header-box-padding-inline-end:32px;display:flex;max-width:var(--header-float-width);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-box-border{border-bottom:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-float{--header-float-offset:16px;--header-float-width:1140px}.ehp-header.has-behavior-float.has-box-border{border:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-scroll-up{right:0;margin:0 auto;position:fixed;left:0;top:var(--header-float-height);transition:top .5s ease-in-out;width:100%;z-index:999}.ehp-header.has-behavior-onscroll-scroll-up.scroll-down{top:calc(var(--header-scroll-down)*-1);transition:top .5s ease-in-out}.ehp-header.has-blur-background{backdrop-filter:blur(var(--header-blur-background-level))}.ehp-header .has-shape-sharp,.ehp-header.has-shape-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-rounded,.ehp-header.has-shape-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-round,.ehp-header.has-shape-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-default,.ehp-header.has-shape-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-oval,.ehp-header.has-shape-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-custom,.ehp-header.has-shape-custom{border-bottom-right-radius:var(--header-border-radius-inline-start);border-bottom-left-radius:var(--header-border-radius-inline-end);border-top-right-radius:var(--header-border-radius-block-end);border-top-left-radius:var(--header-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-header .has-shape-md-sharp,.ehp-header.has-shape-md-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-md-rounded,.ehp-header.has-shape-md-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-md-round,.ehp-header.has-shape-md-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-md-default,.ehp-header.has-shape-md-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-md-oval,.ehp-header.has-shape-md-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-md-custom,.ehp-header.has-shape-md-custom{border-bottom-right-radius:var(--header-border-radius-inline-start);border-bottom-left-radius:var(--header-border-radius-inline-end);border-top-right-radius:var(--header-border-radius-block-end);border-top-left-radius:var(--header-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-header .has-shape-sm-sharp,.ehp-header.has-shape-sm-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-sm-rounded,.ehp-header.has-shape-sm-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-sm-round,.ehp-header.has-shape-sm-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-sm-default,.ehp-header.has-shape-sm-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-sm-oval,.ehp-header.has-shape-sm-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-sm-custom,.ehp-header.has-shape-sm-custom{border-bottom-right-radius:var(--header-border-radius-inline-start);border-bottom-left-radius:var(--header-border-radius-inline-end);border-top-right-radius:var(--header-border-radius-block-end);border-top-left-radius:var(--header-border-radius-block-start)}}.ehp-header.has-behavior-float.has-shape-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-header.has-behavior-float.has-shape-md-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-header.has-behavior-float.has-shape-sm-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}.ehp-header__elements-container{display:grid;grid-gap:var(--header-element-spacing);flex-grow:1;grid-template-areas:"start center end";grid-template-columns:1fr auto 1fr;position:relative}.ehp-header__elements-container>.ehp-header__ctas-container{grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end}.ehp-header__site-link{align-items:center;display:flex}.ehp-header__site-link img{width:var(--header-logo-width)}.ehp-header__site-title{color:var(--header-site-title-color);font-weight:600;margin:0}.ehp-header__ctas-container{align-items:center;display:flex;gap:var(--header-buttons-space-between);order:3}.ehp-header a.ehp-button,.ehp-header a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--header-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--header-button-primary-icon-size);--ehp-button-primary-text-color:var(--header-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--header-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--header-button-primary-border-width);--ehp-button-primary-border-color:var(--header-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--header-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--header-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--header-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--header-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--header-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--header-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--header-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--header-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--header-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--header-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--header-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--header-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--header-button-secondary-border-width);--ehp-button-secondary-border-color:var(--header-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--header-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--header-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--header-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--header-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--header-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--header-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--header-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--header-button-secondary-border-radius-inline-start)}.ehp-header__navigation{order:1;z-index:999}.ehp-header__navigation[aria-hidden=true]{display:none}.ehp-header__toggle-icon--open{display:block}.ehp-header__toggle-icon--close{display:none}.ehp-header__side-toggle{display:none;gap:16px;grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end;order:3}.ehp-header__button-toggle{align-items:center;background:none;border:none;cursor:pointer;padding:0}.ehp-header__button-toggle:focus,.ehp-header__button-toggle:hover{background:none}.ehp-header__button-toggle svg{fill:var(--header-toggle-icon-color);height:var(--header-toggle-icon-size);width:var(--header-toggle-icon-size)}.ehp-header__button-toggle .ehp-header__toggle-icon--close{color:var(--header-toggle-icon-color-active);fill:var(--header-toggle-icon-color-active)}.ehp-header__button-toggle i{color:var(--header-toggle-icon-color);font-size:var(--header-toggle-icon-size)}.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--open{display:none}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--open,.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--close{display:block}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--close{display:none}.ehp-header__dropdown{display:flex;gap:var(--header-menu-item-spacing);right:-16px;list-style:none;padding:0;position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:auto;z-index:9}.ehp-header__dropdown .menu-item{flex-grow:1}.ehp-header__dropdown.has-shape-custom{--header-border-radius-block-end:var(--header-submenu-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-submenu-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-submenu-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-submenu-border-radius-custom-inline-start)}.ehp-header__dropdown[aria-hidden=true]{display:none}.ehp-header__item--sub-level{white-space:nowrap}.ehp-header__item:is([type=button]),.ehp-header__item:is(a){color:var(--header-menu-item-color);transition:all .3s}.ehp-header__item:is([type=button]):focus,.ehp-header__item:is([type=button]):hover,.ehp-header__item:is(a):focus,.ehp-header__item:is(a):hover{color:var(--header-menu-item-color-hover);transition:all .3s}.ehp-header__item:is([type=button])[aria-expanded=true] .ehp-header__submenu-toggle-icon,.ehp-header__item:is(a)[aria-expanded=true] .ehp-header__submenu-toggle-icon{transform:rotate(-180deg)}.ehp-header__dropdown-toggle[type=button]{border:unset;border-radius:unset;padding:unset}.ehp-header__dropdown-toggle[type=button]:focus,.ehp-header__dropdown-toggle[type=button]:hover{background:unset}.ehp-header .menu-item{align-items:center;display:flex;height:100%;position:relative}.ehp-header .menu-item.current-menu-item .ehp-header__item{color:var(--header-menu-item-color-active)}.ehp-header__menu{align-items:center;display:flex;gap:var(--header-menu-item-spacing);list-style-type:none;padding:0}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item{position:relative}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item:after{background-color:var(--header-focus-active-underline-color);bottom:-5px;content:"";height:var(--header-focus-active-underline-width);right:0;position:absolute;width:100%}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item{border-radius:8px;padding-block:var(--header-focus-active-highlight-padding-block);padding-inline:var(--header-focus-active-highlight-padding-inline)}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:focus,.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:hover{background-color:var(--header-focus-active-highlight-bg-color)}.ehp-header__submenu-toggle-icon{fill:currentColor;height:12px;margin-right:4px;width:12px}.ehp-header__contact-buttons{align-items:center;display:flex;gap:var(--header-contact-button-spacing)}.ehp-header__contact-button .ehp-header__contact-button-icon,.ehp-header__contact-button .ehp-header__contact-button-label{color:var(--header-contact-button-color)}.ehp-header__contact-button:focus .ehp-header__contact-button-icon,.ehp-header__contact-button:focus .ehp-header__contact-button-label,.ehp-header__contact-button:hover .ehp-header__contact-button-icon,.ehp-header__contact-button:hover .ehp-header__contact-button-label{color:var(--header-contact-button-color-hover)}.ehp-header__contact-button-icon:is(i){font-size:var(--header-contact-button-size)}.ehp-header__contact-button-icon:is(svg){height:var(--header-contact-button-size);width:var(--header-contact-button-size)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-always .ehp-header__site-link img,.ehp-header.has-behavior-onscroll-always .ehp-header__site-title,.ehp-header.has-behavior-onscroll-always.scroll-down{transition:all .3s}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-logo .ehp-header__site-link img{transition:all .3s;width:var(--header-logo-width-sticky)}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-title .ehp-header__site-title{font-size:var(--header-title-size-sticky);font-weight:var(--header-title-weight-sticky);transition:all .3s}@media screen and (max-width:767px){.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;right:unset;position:relative;top:unset;width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation{right:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__button{justify-content:center}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__side-toggle{display:flex}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:768px){.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown{padding:16px 32px}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);right:0;position:absolute;width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}@media screen and (max-width:1024px){.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;right:unset;position:relative;top:unset;width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation{right:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__button{justify-content:center}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__side-toggle{display:flex}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:1025px){.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown{padding:16px 32px}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);right:0;position:absolute;width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}.e-con.e-con--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float)){padding:0}.e-con.e-con--ehp-header>.e-con-inner,.e-con.e-con--ehp-header>.e-con-inner.e-con-inner--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner.e-con-inner--ehp-header{max-width:unset;padding-block-end:0;padding-block-start:0}
  • hello-plus/trunk/build/css/helloplus-header.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => '44dceeef46ed2cd5b369');
     1<?php return array('dependencies' => array(), 'version' => '69a6fdb6b34b21b84113');
  • hello-plus/trunk/build/css/helloplus-header.css

    r3238471 r3241372  
    1 .ehp-header{--header-logo-width:68px;--header-logo-width-sticky:34px;--header-site-title-color:#0052ff;--header-buttons-space-between:16px;--header-logo-order:0;--header-navigation-breakpoint:767px;--header-menu-item-spacing:32px;--header-title-size-sticky:20px;--header-title-weight-sticky:800;--header-align-menu:start;--header-element-spacing:0;--header-blur-level:7px;--header-wp-admin-bar-height:0;--header-float-offset:0px;--header-float-height:calc(var(--header-wp-admin-bar-height) + var(--header-float-offset));--header-float-width:100%;--header-scroll-down:0;--header-button-primary-icon-spacing:10px;--header-button-primary-icon-size:16px;--header-button-primary-text-color:#fff;--header-button-primary-text-color-hover:#7a7a7a;--header-button-primary-border-width:0;--header-button-primary-border-color:transparent;--header-button-primary-padding-block-end:8px;--header-button-primary-padding-block-start:8px;--header-button-primary-padding-inline-end:16px;--header-button-primary-padding-inline-start:16px;--header-button-primary-border-radius-block-end:8px;--header-button-primary-border-radius-block-start:8px;--header-button-primary-border-radius-inline-end:8px;--header-button-primary-border-radius-inline-start:8px;--header-button-secondary-icon-spacing:10px;--header-button-secondary-icon-size:16px;--header-button-secondary-text-color:#54595f;--header-button-secondary-text-color-hover:#54595f;--header-button-secondary-border-width:2px;--header-button-secondary-border-color:#54595f;--header-button-secondary-padding-block-end:8px;--header-button-secondary-padding-block-start:8px;--header-button-secondary-padding-inline-end:16px;--header-button-secondary-padding-inline-start:16px;--header-button-secondary-border-radius-block-end:8px;--header-button-secondary-border-radius-block-start:8px;--header-button-secondary-border-radius-inline-end:8px;--header-button-secondary-border-radius-inline-start:8px;--header-toggle-icon-color:#555963;--header-toggle-icon-color-active:#555963;--header-toggle-icon-size:22px;--header-menu-item-color:#555963;--header-menu-item-color-hover:#555963;--header-menu-item-color-active:#555963;--header-pointer-hover-underline-width:2px;--header-pointer-hover-underline-color:#0052ff;--header-pointer-hover-highlight-bg-color:#e0eaff;--header-pointer-hover-highlight-padding-inline-default:8px;--header-pointer-hover-highlight-padding-block-default:4px;--header-pointer-hover-highlight-padding-inline-thin:6px;--header-pointer-hover-highlight-padding-block-thin:2px;--header-pointer-hover-highlight-padding-inline-thick:8px;--header-pointer-hover-highlight-padding-block-thick:8px;--header-pointer-hover-highlight-padding-inline:var(--header-pointer-hover-highlight-padding-inline-default);--header-pointer-hover-highlight-padding-block:var(--header-pointer-hover-highlight-padding-block-default);--header-focus-active-underline-width:2px;--header-focus-active-underline-color:#0052ff;--header-focus-active-highlight-bg-color:#e0eaff;--header-focus-active-highlight-padding-inline-default:8px;--header-focus-active-highlight-padding-block-default:4px;--header-focus-active-highlight-padding-inline-thin:6px;--header-focus-active-highlight-padding-block-thin:2px;--header-focus-active-highlight-padding-inline-thick:8px;--header-focus-active-highlight-padding-block-thick:8px;--header-focus-active-highlight-padding-inline:var(--header-focus-active-highlight-padding-inline-default);--header-focus-active-highlight-padding-block:var(--header-focus-active-highlight-padding-block-default);--header-dropdown-text-align:flex-start;--header-dropdown-divider-color:#e0e1e2;--header-dropdown-divider-width:1px;--header-box-padding-block-start:16px;--header-box-padding-block-end:16px;--header-box-padding-inline-start:32px;--header-box-padding-inline-end:32px;--header-box-border-width:1px;--header-box-border-color:#555963;--header-contact-button-size:16px;--header-contact-button-spacing:12px;--header-border-radius-default:8px;--header-border-radius-sharp:0;--header-border-radius-rounded:12px;--header-border-radius-round:32px;--header-border-radius-oval:50%;--header-button-border-radius-custom-block-end:8px;--header-button-border-radius-custom-block-start:8px;--header-button-border-radius-custom-inline-end:8px;--header-button-border-radius-custom-inline-start:8px;display:flex;max-width:var(--header-float-width);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-box-border{border-bottom:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-float{--header-float-offset:16px;--header-float-width:1140px}.ehp-header.has-behavior-float.has-box-border{border:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-scroll-up{left:0;margin:0 auto;position:fixed;right:0;top:var(--header-float-height);transition:top .5s ease-in-out;width:100%;z-index:999}.ehp-header.has-behavior-onscroll-scroll-up.scroll-down{top:calc(var(--header-scroll-down)*-1);transition:top .5s ease-in-out}.ehp-header.has-blur-background{backdrop-filter:blur(var(--header-blur-background-level))}.ehp-header .has-shape-sharp,.ehp-header.has-shape-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-rounded,.ehp-header.has-shape-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-round,.ehp-header.has-shape-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-default,.ehp-header.has-shape-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-oval,.ehp-header.has-shape-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-custom,.ehp-header.has-shape-custom{border-bottom-left-radius:var(--header-border-radius-inline-start);border-bottom-right-radius:var(--header-border-radius-inline-end);border-top-left-radius:var(--header-border-radius-block-end);border-top-right-radius:var(--header-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-header .has-shape-md-sharp,.ehp-header.has-shape-md-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-md-rounded,.ehp-header.has-shape-md-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-md-round,.ehp-header.has-shape-md-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-md-default,.ehp-header.has-shape-md-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-md-oval,.ehp-header.has-shape-md-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-md-custom,.ehp-header.has-shape-md-custom{border-bottom-left-radius:var(--header-border-radius-inline-start);border-bottom-right-radius:var(--header-border-radius-inline-end);border-top-left-radius:var(--header-border-radius-block-end);border-top-right-radius:var(--header-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-header .has-shape-sm-sharp,.ehp-header.has-shape-sm-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-sm-rounded,.ehp-header.has-shape-sm-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-sm-round,.ehp-header.has-shape-sm-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-sm-default,.ehp-header.has-shape-sm-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-sm-oval,.ehp-header.has-shape-sm-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-sm-custom,.ehp-header.has-shape-sm-custom{border-bottom-left-radius:var(--header-border-radius-inline-start);border-bottom-right-radius:var(--header-border-radius-inline-end);border-top-left-radius:var(--header-border-radius-block-end);border-top-right-radius:var(--header-border-radius-block-start)}}.ehp-header.has-behavior-float.has-shape-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-header.has-behavior-float.has-shape-md-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-header.has-behavior-float.has-shape-sm-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}.ehp-header__elements-container{display:grid;grid-gap:var(--header-element-spacing);flex-grow:1;grid-template-areas:"start center end";grid-template-columns:1fr auto 1fr;position:relative}.ehp-header__elements-container>.ehp-header__ctas-container{grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end}.ehp-header__site-link{align-items:center;display:flex}.ehp-header__site-link img{width:var(--header-logo-width)}.ehp-header__site-title{color:var(--header-site-title-color);font-weight:600;margin:0}.ehp-header__ctas-container{align-items:center;display:flex;gap:var(--header-buttons-space-between);order:3}.ehp-header a.ehp-button,.ehp-header a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--header-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--header-button-primary-icon-size);--ehp-button-primary-text-color:var(--header-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--header-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--header-button-primary-border-width);--ehp-button-primary-border-color:var(--header-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--header-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--header-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--header-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--header-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--header-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--header-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--header-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--header-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--header-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--header-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--header-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--header-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--header-button-secondary-border-width);--ehp-button-secondary-border-color:var(--header-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--header-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--header-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--header-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--header-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--header-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--header-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--header-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--header-button-secondary-border-radius-inline-start)}.ehp-header__navigation{order:1}.ehp-header__navigation[aria-hidden=true]{display:none}.ehp-header__toggle-icon--open{display:block}.ehp-header__toggle-icon--close{display:none}.ehp-header__side-toggle{display:none;gap:16px;grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end;order:3}.ehp-header__button-toggle{align-items:center;background:none;border:none;cursor:pointer;padding:0}.ehp-header__button-toggle:focus,.ehp-header__button-toggle:hover{background:none}.ehp-header__button-toggle svg{fill:var(--header-toggle-icon-color);height:var(--header-toggle-icon-size);width:var(--header-toggle-icon-size)}.ehp-header__button-toggle .ehp-header__toggle-icon--close{color:var(--header-toggle-icon-color-active);fill:var(--header-toggle-icon-color-active)}.ehp-header__button-toggle i{color:var(--header-toggle-icon-color);font-size:var(--header-toggle-icon-size)}.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--open{display:none}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--open,.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--close{display:block}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--close{display:none}.ehp-header__dropdown{display:flex;gap:var(--header-menu-item-spacing);left:-16px;list-style:none;padding:0;position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:auto;z-index:9}.ehp-header__dropdown .menu-item{flex-grow:1}.ehp-header__dropdown.has-shape-custom{--header-border-radius-block-end:var(--header-submenu-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-submenu-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-submenu-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-submenu-border-radius-custom-inline-start)}.ehp-header__dropdown[aria-hidden=true]{display:none}.ehp-header__item--sub-level{white-space:nowrap}.ehp-header__item:is([type=button]),.ehp-header__item:is(a){color:var(--header-menu-item-color);transition:all .3s}.ehp-header__item:is([type=button]):focus,.ehp-header__item:is([type=button]):hover,.ehp-header__item:is(a):focus,.ehp-header__item:is(a):hover{color:var(--header-menu-item-color-hover);transition:all .3s}.ehp-header__item:is([type=button])[aria-expanded=true] .ehp-header__submenu-toggle-icon,.ehp-header__item:is(a)[aria-expanded=true] .ehp-header__submenu-toggle-icon{transform:rotate(180deg)}.ehp-header__dropdown-toggle[type=button]{border:unset;border-radius:unset;padding:unset}.ehp-header__dropdown-toggle[type=button]:focus,.ehp-header__dropdown-toggle[type=button]:hover{background:unset}.ehp-header .menu-item{align-items:center;display:flex;height:100%;position:relative}.ehp-header .menu-item.current-menu-item .ehp-header__item{color:var(--header-menu-item-color-active)}.ehp-header__menu{align-items:center;display:flex;gap:var(--header-menu-item-spacing);list-style-type:none;padding:0}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item{position:relative}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item:after{background-color:var(--header-focus-active-underline-color);bottom:-5px;content:"";height:var(--header-focus-active-underline-width);left:0;position:absolute;width:100%}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item{border-radius:8px;padding-block:var(--header-focus-active-highlight-padding-block);padding-inline:var(--header-focus-active-highlight-padding-inline)}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:focus,.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:hover{background-color:var(--header-focus-active-highlight-bg-color)}.ehp-header__submenu-toggle-icon{fill:currentColor;height:12px;margin-left:4px;width:12px}.ehp-header__contact-buttons{align-items:center;display:flex;gap:var(--header-contact-button-spacing)}.ehp-header__contact-button .ehp-header__contact-button-icon,.ehp-header__contact-button .ehp-header__contact-button-label{color:var(--header-contact-button-color)}.ehp-header__contact-button:focus .ehp-header__contact-button-icon,.ehp-header__contact-button:focus .ehp-header__contact-button-label,.ehp-header__contact-button:hover .ehp-header__contact-button-icon,.ehp-header__contact-button:hover .ehp-header__contact-button-label{color:var(--header-contact-button-color-hover)}.ehp-header__contact-button-icon:is(i){font-size:var(--header-contact-button-size)}.ehp-header__contact-button-icon:is(svg){height:var(--header-contact-button-size);width:var(--header-contact-button-size)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-always .ehp-header__site-link img,.ehp-header.has-behavior-onscroll-always .ehp-header__site-title,.ehp-header.has-behavior-onscroll-always.scroll-down{transition:all .3s}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-logo .ehp-header__site-link img{transition:all .3s;width:var(--header-logo-width-sticky)}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-title .ehp-header__site-title{font-size:var(--header-title-size-sticky);font-weight:var(--header-title-weight-sticky);transition:all .3s}@media screen and (max-width:767px){.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;left:unset;position:relative;top:unset;width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation{left:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__button{justify-content:center}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__side-toggle{display:flex}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-mobile-portrait .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header.has-navigation-breakpoint-mobile-portrait .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:768px){.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header.has-navigation-breakpoint-mobile-portrait.has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown{padding:16px 32px}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);left:0;position:absolute;width:100%}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header.has-navigation-breakpoint-mobile-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}@media screen and (max-width:1024px){.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;left:unset;position:relative;top:unset;width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation{left:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__button{justify-content:center}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__side-toggle{display:flex}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-navigation-breakpoint-tablet-portrait .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header.has-navigation-breakpoint-tablet-portrait .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:1025px){.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header.has-navigation-breakpoint-tablet-portrait.has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown{padding:16px 32px}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);left:0;position:absolute;width:100%}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header.has-navigation-breakpoint-tablet-portrait .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}.e-con.e-con--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float)){padding:0}.e-con.e-con--ehp-header>.e-con-inner,.e-con.e-con--ehp-header>.e-con-inner.e-con-inner--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner.e-con-inner--ehp-header{max-width:unset;padding-block-end:0;padding-block-start:0}
     1.ehp-header{--header-logo-width:68px;--header-logo-width-sticky:34px;--header-site-title-color:#0052ff;--header-buttons-space-between:16px;--header-logo-order:0;--header-navigation-breakpoint:767px;--header-menu-item-spacing:32px;--header-title-size-sticky:20px;--header-title-weight-sticky:800;--header-align-menu:start;--header-element-spacing:0;--header-blur-level:7px;--header-wp-admin-bar-height:0;--header-float-offset:0px;--header-float-height:calc(var(--header-wp-admin-bar-height) + var(--header-float-offset));--header-float-width:100%;--header-scroll-down:0;--header-button-primary-icon-spacing:10px;--header-button-primary-icon-size:16px;--header-button-primary-text-color:#fff;--header-button-primary-text-color-hover:#7a7a7a;--header-button-primary-border-width:0;--header-button-primary-border-color:transparent;--header-button-primary-border-radius-block-end:8px;--header-button-primary-border-radius-block-start:8px;--header-button-primary-border-radius-inline-end:8px;--header-button-primary-border-radius-inline-start:8px;--header-button-secondary-icon-spacing:10px;--header-button-secondary-icon-size:16px;--header-button-secondary-text-color:#54595f;--header-button-secondary-text-color-hover:#54595f;--header-button-secondary-border-width:2px;--header-button-secondary-border-color:#54595f;--header-button-secondary-border-radius-block-end:8px;--header-button-secondary-border-radius-block-start:8px;--header-button-secondary-border-radius-inline-end:8px;--header-button-secondary-border-radius-inline-start:8px;--header-toggle-icon-color:#555963;--header-toggle-icon-color-active:#555963;--header-toggle-icon-size:22px;--header-menu-item-color:#555963;--header-menu-item-color-hover:#555963;--header-menu-item-color-active:#555963;--header-pointer-hover-underline-width:2px;--header-pointer-hover-underline-color:#0052ff;--header-pointer-hover-highlight-bg-color:#e0eaff;--header-pointer-hover-highlight-padding-inline-default:8px;--header-pointer-hover-highlight-padding-block-default:4px;--header-pointer-hover-highlight-padding-inline-thin:6px;--header-pointer-hover-highlight-padding-block-thin:2px;--header-pointer-hover-highlight-padding-inline-thick:8px;--header-pointer-hover-highlight-padding-block-thick:8px;--header-pointer-hover-highlight-padding-inline:var(--header-pointer-hover-highlight-padding-inline-default);--header-pointer-hover-highlight-padding-block:var(--header-pointer-hover-highlight-padding-block-default);--header-focus-active-underline-width:2px;--header-focus-active-underline-color:#0052ff;--header-focus-active-highlight-bg-color:#e0eaff;--header-focus-active-highlight-padding-inline-default:8px;--header-focus-active-highlight-padding-block-default:4px;--header-focus-active-highlight-padding-inline-thin:6px;--header-focus-active-highlight-padding-block-thin:2px;--header-focus-active-highlight-padding-inline-thick:8px;--header-focus-active-highlight-padding-block-thick:8px;--header-focus-active-highlight-padding-inline:var(--header-focus-active-highlight-padding-inline-default);--header-focus-active-highlight-padding-block:var(--header-focus-active-highlight-padding-block-default);--header-dropdown-text-align:flex-start;--header-dropdown-divider-color:#e0e1e2;--header-dropdown-divider-width:1px;--header-box-border-width:1px;--header-box-border-color:#555963;--header-contact-button-size:16px;--header-contact-button-spacing:12px;--header-border-radius-default:8px;--header-border-radius-sharp:0;--header-border-radius-rounded:12px;--header-border-radius-round:32px;--header-border-radius-oval:50%;--header-button-border-radius-custom-block-end:8px;--header-button-border-radius-custom-block-start:8px;--header-button-border-radius-custom-inline-end:8px;--header-button-border-radius-custom-inline-start:8px;--header-box-padding-block-start:16px;--header-box-padding-block-end:16px;--header-box-padding-inline-start:32px;--header-box-padding-inline-end:32px;display:flex;max-width:var(--header-float-width);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header.has-box-border{border-bottom:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-float{--header-float-offset:16px;--header-float-width:1140px}.ehp-header.has-behavior-float.has-box-border{border:var(--header-box-border-width) solid var(--header-box-border-color)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-scroll-up{left:0;margin:0 auto;position:fixed;right:0;top:var(--header-float-height);transition:top .5s ease-in-out;width:100%;z-index:999}.ehp-header.has-behavior-onscroll-scroll-up.scroll-down{top:calc(var(--header-scroll-down)*-1);transition:top .5s ease-in-out}.ehp-header.has-blur-background{backdrop-filter:blur(var(--header-blur-background-level))}.ehp-header .has-shape-sharp,.ehp-header.has-shape-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-rounded,.ehp-header.has-shape-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-round,.ehp-header.has-shape-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-default,.ehp-header.has-shape-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-oval,.ehp-header.has-shape-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-custom,.ehp-header.has-shape-custom{border-bottom-left-radius:var(--header-border-radius-inline-start);border-bottom-right-radius:var(--header-border-radius-inline-end);border-top-left-radius:var(--header-border-radius-block-end);border-top-right-radius:var(--header-border-radius-block-start)}@media screen and (max-width:1024px){.ehp-header .has-shape-md-sharp,.ehp-header.has-shape-md-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-md-rounded,.ehp-header.has-shape-md-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-md-round,.ehp-header.has-shape-md-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-md-default,.ehp-header.has-shape-md-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-md-oval,.ehp-header.has-shape-md-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-md-custom,.ehp-header.has-shape-md-custom{border-bottom-left-radius:var(--header-border-radius-inline-start);border-bottom-right-radius:var(--header-border-radius-inline-end);border-top-left-radius:var(--header-border-radius-block-end);border-top-right-radius:var(--header-border-radius-block-start)}}@media screen and (max-width:767px){.ehp-header .has-shape-sm-sharp,.ehp-header.has-shape-sm-sharp{border-radius:var(--header-border-radius-sharp)}.ehp-header .has-shape-sm-rounded,.ehp-header.has-shape-sm-rounded{border-radius:var(--header-border-radius-rounded)}.ehp-header .has-shape-sm-round,.ehp-header.has-shape-sm-round{border-radius:var(--header-border-radius-round)}.ehp-header .has-shape-sm-default,.ehp-header.has-shape-sm-default{border-radius:var(--header-border-radius-default)}.ehp-header .has-shape-sm-oval,.ehp-header.has-shape-sm-oval{border-radius:var(--header-border-radius-oval)}.ehp-header .has-shape-sm-custom,.ehp-header.has-shape-sm-custom{border-bottom-left-radius:var(--header-border-radius-inline-start);border-bottom-right-radius:var(--header-border-radius-inline-end);border-top-left-radius:var(--header-border-radius-block-end);border-top-right-radius:var(--header-border-radius-block-start)}}.ehp-header.has-behavior-float.has-shape-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}@media screen and (max-width:1024px){.ehp-header.has-behavior-float.has-shape-md-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}@media screen and (max-width:767px){.ehp-header.has-behavior-float.has-shape-sm-custom{--header-border-radius-block-end:var(--header-float-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-float-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-float-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-float-border-radius-custom-inline-start)}}.ehp-header__elements-container{display:grid;grid-gap:var(--header-element-spacing);flex-grow:1;grid-template-areas:"start center end";grid-template-columns:1fr auto 1fr;position:relative}.ehp-header__elements-container>.ehp-header__ctas-container{grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end}.ehp-header__site-link{align-items:center;display:flex}.ehp-header__site-link img{width:var(--header-logo-width)}.ehp-header__site-title{color:var(--header-site-title-color);font-weight:600;margin:0}.ehp-header__ctas-container{align-items:center;display:flex;gap:var(--header-buttons-space-between);order:3}.ehp-header a.ehp-button,.ehp-header a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--header-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--header-button-primary-icon-size);--ehp-button-primary-text-color:var(--header-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--header-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--header-button-primary-border-width);--ehp-button-primary-border-color:var(--header-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--header-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--header-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--header-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--header-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--header-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--header-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--header-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--header-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--header-button-secondary-icon-spacing);--ehp-button-secondary-icon-size:var(--header-button-secondary-icon-size);--ehp-button-secondary-text-color:var(--header-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--header-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--header-button-secondary-border-width);--ehp-button-secondary-border-color:var(--header-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--header-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--header-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--header-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--header-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--header-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--header-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--header-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--header-button-secondary-border-radius-inline-start)}.ehp-header__navigation{order:1;z-index:999}.ehp-header__navigation[aria-hidden=true]{display:none}.ehp-header__toggle-icon--open{display:block}.ehp-header__toggle-icon--close{display:none}.ehp-header__side-toggle{display:none;gap:16px;grid-area:end;-ms-grid-column:5;-ms-grid-row:1;justify-content:flex-end;order:3}.ehp-header__button-toggle{align-items:center;background:none;border:none;cursor:pointer;padding:0}.ehp-header__button-toggle:focus,.ehp-header__button-toggle:hover{background:none}.ehp-header__button-toggle svg{fill:var(--header-toggle-icon-color);height:var(--header-toggle-icon-size);width:var(--header-toggle-icon-size)}.ehp-header__button-toggle .ehp-header__toggle-icon--close{color:var(--header-toggle-icon-color-active);fill:var(--header-toggle-icon-color-active)}.ehp-header__button-toggle i{color:var(--header-toggle-icon-color);font-size:var(--header-toggle-icon-size)}.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--open{display:none}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--open,.ehp-header__button-toggle[aria-expanded=true] .ehp-header__toggle-icon--close{display:block}.ehp-header__button-toggle[aria-expanded=false] .ehp-header__toggle-icon--close{display:none}.ehp-header__dropdown{display:flex;gap:var(--header-menu-item-spacing);left:-16px;list-style:none;padding:0;position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:auto;z-index:9}.ehp-header__dropdown .menu-item{flex-grow:1}.ehp-header__dropdown.has-shape-custom{--header-border-radius-block-end:var(--header-submenu-border-radius-custom-block-end);--header-border-radius-block-start:var(--header-submenu-border-radius-custom-block-start);--header-border-radius-inline-end:var(--header-submenu-border-radius-custom-inline-end);--header-border-radius-inline-start:var(--header-submenu-border-radius-custom-inline-start)}.ehp-header__dropdown[aria-hidden=true]{display:none}.ehp-header__item--sub-level{white-space:nowrap}.ehp-header__item:is([type=button]),.ehp-header__item:is(a){color:var(--header-menu-item-color);transition:all .3s}.ehp-header__item:is([type=button]):focus,.ehp-header__item:is([type=button]):hover,.ehp-header__item:is(a):focus,.ehp-header__item:is(a):hover{color:var(--header-menu-item-color-hover);transition:all .3s}.ehp-header__item:is([type=button])[aria-expanded=true] .ehp-header__submenu-toggle-icon,.ehp-header__item:is(a)[aria-expanded=true] .ehp-header__submenu-toggle-icon{transform:rotate(180deg)}.ehp-header__dropdown-toggle[type=button]{border:unset;border-radius:unset;padding:unset}.ehp-header__dropdown-toggle[type=button]:focus,.ehp-header__dropdown-toggle[type=button]:hover{background:unset}.ehp-header .menu-item{align-items:center;display:flex;height:100%;position:relative}.ehp-header .menu-item.current-menu-item .ehp-header__item{color:var(--header-menu-item-color-active)}.ehp-header__menu{align-items:center;display:flex;gap:var(--header-menu-item-spacing);list-style-type:none;padding:0}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item{position:relative}.ehp-header__menu.has-focus-active-underline .menu-item.current-menu-item .ehp-header__item:after{background-color:var(--header-focus-active-underline-color);bottom:-5px;content:"";height:var(--header-focus-active-underline-width);left:0;position:absolute;width:100%}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item{border-radius:8px;padding-block:var(--header-focus-active-highlight-padding-block);padding-inline:var(--header-focus-active-highlight-padding-inline)}.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:focus,.ehp-header__menu.has-focus-active-highlight .menu-item.current-menu-item .ehp-header__item:hover{background-color:var(--header-focus-active-highlight-bg-color)}.ehp-header__submenu-toggle-icon{fill:currentColor;height:12px;margin-left:4px;width:12px}.ehp-header__contact-buttons{align-items:center;display:flex;gap:var(--header-contact-button-spacing)}.ehp-header__contact-button .ehp-header__contact-button-icon,.ehp-header__contact-button .ehp-header__contact-button-label{color:var(--header-contact-button-color)}.ehp-header__contact-button:focus .ehp-header__contact-button-icon,.ehp-header__contact-button:focus .ehp-header__contact-button-label,.ehp-header__contact-button:hover .ehp-header__contact-button-icon,.ehp-header__contact-button:hover .ehp-header__contact-button-label{color:var(--header-contact-button-color-hover)}.ehp-header__contact-button-icon:is(i){font-size:var(--header-contact-button-size)}.ehp-header__contact-button-icon:is(svg){height:var(--header-contact-button-size);width:var(--header-contact-button-size)}.ehp-header.has-behavior-onscroll-always,.ehp-header.has-behavior-onscroll-always .ehp-header__site-link img,.ehp-header.has-behavior-onscroll-always .ehp-header__site-title,.ehp-header.has-behavior-onscroll-always.scroll-down{transition:all .3s}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-logo .ehp-header__site-link img{transition:all .3s;width:var(--header-logo-width-sticky)}.ehp-header.has-behavior-onscroll-always.scroll-down.has-behavior-sticky-scale-title .ehp-header__site-title{font-size:var(--header-title-size-sticky);font-weight:var(--header-title-weight-sticky);transition:all .3s}@media screen and (max-width:767px){.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;left:unset;position:relative;top:unset;width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation{left:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__button{justify-content:center}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__side-toggle{display:flex}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:768px){.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header[data-responsive-breakpoint=mobile-portrait].has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown{padding:16px 32px}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);left:0;position:absolute;width:100%}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header[data-responsive-breakpoint=mobile-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}@media screen and (max-width:1024px){.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__elements-container>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown{align-items:var(--header-dropdown-text-align);background-color:transparent!important;background-image:none!important;border-radius:unset;flex-direction:column;left:unset;position:relative;top:unset;width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation{left:calc(var(--header-box-padding-inline-start)*-1);padding-block-end:var(--header-box-padding-block-end);padding-block-start:var(--header-box-padding-block-start);position:absolute;top:calc(100% + var(--header-box-padding-block-end));width:calc(100% + var(--header-box-padding-inline-start) + var(--header-box-padding-inline-end))}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation .ehp-header__ctas-container{align-items:stretch;display:flex;flex-direction:column}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation .ehp-header__contact-buttons.has-responsive-display-navbar{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__button{justify-content:center}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__side-toggle{display:flex}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__side-toggle .ehp-header__contact-buttons.has-responsive-display-dropdown{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;margin-bottom:32px;padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-responsive-divider>.menu-item{border-bottom:var(--header-dropdown-divider-width) solid var(--header-dropdown-divider-color);padding-block-end:var(--header-menu-item-spacing);width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-responsive-divider>.menu-item:last-child{border-bottom:none;padding-bottom:0}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__ctas-container.has-responsive-width-default{padding-inline-end:var(--header-box-padding-inline-end);padding-inline-start:var(--header-box-padding-inline-start)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .menu-item{justify-content:var(--header-dropdown-text-align)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .menu-item.menu-item-has-children{align-items:var(--header-dropdown-text-align);display:flex;flex-direction:column;width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .menu-item.menu-item-has-children .ehp-header__dropdown-toggle[aria-expanded=true]{margin-bottom:var(--header-menu-item-spacing)}}@media screen and (min-width:1025px){.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-start .ehp-header__navigation{justify-content:center}.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-center .ehp-header__site-link{grid-area:center;-ms-grid-column:3;-ms-grid-row:1;justify-content:center}.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-connect .ehp-header__elements-container{grid-template-columns:auto 1fr auto}.ehp-header[data-responsive-breakpoint=tablet-portrait].has-align-link-connect .ehp-header__navigation{justify-content:var(--header-align-menu)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation{align-items:center;background:none!important;display:flex}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation>.ehp-header__contact-buttons,.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__navigation>.ehp-header__ctas-container{display:none}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown{padding:16px 32px}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown.has-layout-horizontal{flex-direction:row}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown.has-layout-vertical{flex-direction:column}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover{position:relative}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-underline .ehp-header__item:hover:after{background-color:var(--header-pointer-hover-underline-color);bottom:-5px;content:"";height:var(--header-pointer-hover-underline-width);left:0;position:absolute;width:100%}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item{border-radius:8px;padding-block:var(--header-pointer-hover-highlight-padding-block);padding-inline:var(--header-pointer-hover-highlight-padding-inline)}.ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__menu.has-pointer-hover-highlight .ehp-header__item:hover{background-color:var(--header-pointer-hover-highlight-bg-color)}}.e-con.e-con--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float)){padding:0}.e-con.e-con--ehp-header>.e-con-inner,.e-con.e-con--ehp-header>.e-con-inner.e-con-inner--ehp-header,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner,.e-con:has(.ehp-header:is(.has-behavior-onscroll-none):not(.has-behavior-float))>.e-con-inner.e-con-inner--ehp-header{max-width:unset;padding-block-end:0;padding-block-start:0}
  • hello-plus/trunk/build/css/helloplus-hero-rtl.css

    r3238471 r3241372  
    1 .ehp-hero{--hero-box-height:auto;--hero-box-full-height:100vh;--hero-content-position:center;--hero-content-text-align:center;--hero-content-text-gap:20px;--hero-text-heading-width:100%;--hero-text-subheading-width:100%;--hero-text-width-heading:800px;--hero-text-width-subheading:440px;--hero-heading-color:#28292b;--hero-subheading-color:#28292b;--hero-button-primary-icon-spacing:10px;--hero-button-primary-icon-size:16px;--hero-button-primary-text-color:#fff;--hero-button-primary-text-color-hover:#7a7a7a;--hero-button-primary-border-width:0;--hero-button-primary-border-color:transparent;--hero-button-primary-padding-block-end:8px;--hero-button-primary-padding-block-start:8px;--hero-button-primary-padding-inline-end:16px;--hero-button-primary-padding-inline-start:16px;--hero-button-primary-border-radius-block-end:8px;--hero-button-primary-border-radius-block-start:8px;--hero-button-primary-border-radius-inline-end:8px;--hero-button-primary-border-radius-inline-start:8px;--hero-box-padding-block-end:0;--hero-box-padding-block-start:0;--hero-box-padding-inline-end:0;--hero-box-padding-inline-start:0;--hero-image-width:100%;--hero-image-height:380px;--hero-image-position:center center;display:flex;flex-direction:column;height:var(--hero-box-height);padding-block-end:var(--hero-box-padding-block-end);padding-block-start:var(--hero-box-padding-block-start);padding-inline-end:var(--hero-box-padding-inline-end);padding-inline-start:var(--hero-box-padding-inline-start);text-align:var(--hero-content-text-align)}@supports(height:100dvh){.ehp-hero{--hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-hero.is-full-height-mobile{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-mobile_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:768px)and (max-width:1024px){.ehp-hero.is-full-height-tablet{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-tablet_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}.ehp-hero.is-full-height-laptop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-laptop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px){.ehp-hero.is-full-height-desktop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px)and (max-width:99999px){.ehp-hero.is-full-height-desktop.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1){.ehp-hero.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}.ehp-hero__button-container,.ehp-hero__text-container{align-items:var(--hero-content-position);display:flex;flex-direction:column}.ehp-hero__button-container{margin-bottom:68px}.ehp-hero a.ehp-hero__button,.ehp-hero a.ehp-hero__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--hero-button-primary-border-width);--ehp-button-primary-border-color:var(--hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--hero-button-primary-border-radius-inline-start)}.ehp-hero__heading{color:var(--hero-heading-color);margin:0;max-width:var(--hero-text-width-heading)}.ehp-hero__subheading{color:var(--hero-subheading-color);margin:0;max-width:var(--hero-text-width-subheading)}.ehp-hero__heading,.ehp-hero__subheading{margin-bottom:var(--hero-content-text-gap)}.ehp-hero__image{display:flex;justify-content:center;overflow:hidden}.elementor .ehp-hero__image img{height:var(--hero-image-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--hero-image-position);object-position:var(--hero-image-position);width:var(--hero-image-width)}
     1.ehp-hero{--hero-box-height:auto;--hero-box-full-height:100vh;--hero-content-position:center;--hero-content-text-align:center;--hero-content-text-gap:20px;--hero-text-heading-width:100%;--hero-text-subheading-width:100%;--hero-text-width-heading:800px;--hero-text-width-subheading:440px;--hero-heading-color:#28292b;--hero-subheading-color:#28292b;--hero-button-primary-icon-spacing:10px;--hero-button-primary-icon-size:16px;--hero-button-primary-text-color:#fff;--hero-button-primary-text-color-hover:#7a7a7a;--hero-button-primary-border-width:0;--hero-button-primary-border-color:transparent;--hero-button-primary-border-radius-block-end:8px;--hero-button-primary-border-radius-block-start:8px;--hero-button-primary-border-radius-inline-end:8px;--hero-button-primary-border-radius-inline-start:8px;display:flex;flex-direction:column;height:var(--hero-box-height);padding-block-end:var(--hero-box-padding-block-end);padding-block-start:var(--hero-box-padding-block-start);padding-inline-end:var(--hero-box-padding-inline-end);padding-inline-start:var(--hero-box-padding-inline-start);text-align:var(--hero-content-text-align)}@supports(height:100dvh){.ehp-hero{--hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-hero.is-full-height-mobile{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-mobile_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:768px)and (max-width:1024px){.ehp-hero.is-full-height-tablet{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-tablet_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}.ehp-hero.is-full-height-laptop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-laptop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px){.ehp-hero.is-full-height-desktop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px)and (max-width:99999px){.ehp-hero.is-full-height-desktop.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1){.ehp-hero.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}.ehp-hero__button-container,.ehp-hero__text-container{align-items:var(--hero-content-position);display:flex;flex-direction:column}.ehp-hero__button-container{margin-bottom:68px}.ehp-hero a.ehp-hero__button,.ehp-hero a.ehp-hero__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--hero-button-primary-border-width);--ehp-button-primary-border-color:var(--hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--hero-button-primary-border-radius-inline-start)}.ehp-hero .ehp-image{--ehp-image-height:var(--hero-image-height);--ehp-image-min-height:var(--hero-image-min-height);--ehp-image-position:var(--hero-image-position);--ehp-image-width:var(--hero-image-width);--ehp-image-border-color:var(--hero-image-border-color);--ehp-image-border-width:var(--hero-image-border-width);--ehp-image-border-radius-block-end:var(--hero-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--hero-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--hero-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--hero-image-border-radius-inline-start)}.ehp-hero__heading{color:var(--hero-heading-color);margin:0;max-width:var(--hero-text-width-heading)}.ehp-hero__subheading{color:var(--hero-subheading-color);margin:0;max-width:var(--hero-text-width-subheading)}.ehp-hero__heading,.ehp-hero__subheading{margin-bottom:var(--hero-content-text-gap)}
  • hello-plus/trunk/build/css/helloplus-hero.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => '629e03478591edc61477');
     1<?php return array('dependencies' => array(), 'version' => 'c87e65edf3e69d265256');
  • hello-plus/trunk/build/css/helloplus-hero.css

    r3238471 r3241372  
    1 .ehp-hero{--hero-box-height:auto;--hero-box-full-height:100vh;--hero-content-position:center;--hero-content-text-align:center;--hero-content-text-gap:20px;--hero-text-heading-width:100%;--hero-text-subheading-width:100%;--hero-text-width-heading:800px;--hero-text-width-subheading:440px;--hero-heading-color:#28292b;--hero-subheading-color:#28292b;--hero-button-primary-icon-spacing:10px;--hero-button-primary-icon-size:16px;--hero-button-primary-text-color:#fff;--hero-button-primary-text-color-hover:#7a7a7a;--hero-button-primary-border-width:0;--hero-button-primary-border-color:transparent;--hero-button-primary-padding-block-end:8px;--hero-button-primary-padding-block-start:8px;--hero-button-primary-padding-inline-end:16px;--hero-button-primary-padding-inline-start:16px;--hero-button-primary-border-radius-block-end:8px;--hero-button-primary-border-radius-block-start:8px;--hero-button-primary-border-radius-inline-end:8px;--hero-button-primary-border-radius-inline-start:8px;--hero-box-padding-block-end:0;--hero-box-padding-block-start:0;--hero-box-padding-inline-end:0;--hero-box-padding-inline-start:0;--hero-image-width:100%;--hero-image-height:380px;--hero-image-position:center center;display:flex;flex-direction:column;height:var(--hero-box-height);padding-block-end:var(--hero-box-padding-block-end);padding-block-start:var(--hero-box-padding-block-start);padding-inline-end:var(--hero-box-padding-inline-end);padding-inline-start:var(--hero-box-padding-inline-start);text-align:var(--hero-content-text-align)}@supports(height:100dvh){.ehp-hero{--hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-hero.is-full-height-mobile{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-mobile_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:768px)and (max-width:1024px){.ehp-hero.is-full-height-tablet{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-tablet_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}.ehp-hero.is-full-height-laptop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-laptop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px){.ehp-hero.is-full-height-desktop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px)and (max-width:99999px){.ehp-hero.is-full-height-desktop.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1){.ehp-hero.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}.ehp-hero__button-container,.ehp-hero__text-container{align-items:var(--hero-content-position);display:flex;flex-direction:column}.ehp-hero__button-container{margin-bottom:68px}.ehp-hero a.ehp-hero__button,.ehp-hero a.ehp-hero__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--hero-button-primary-border-width);--ehp-button-primary-border-color:var(--hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--hero-button-primary-border-radius-inline-start)}.ehp-hero__heading{color:var(--hero-heading-color);margin:0;max-width:var(--hero-text-width-heading)}.ehp-hero__subheading{color:var(--hero-subheading-color);margin:0;max-width:var(--hero-text-width-subheading)}.ehp-hero__heading,.ehp-hero__subheading{margin-bottom:var(--hero-content-text-gap)}.ehp-hero__image{display:flex;justify-content:center;overflow:hidden}.elementor .ehp-hero__image img{height:var(--hero-image-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--hero-image-position);object-position:var(--hero-image-position);width:var(--hero-image-width)}
     1.ehp-hero{--hero-box-height:auto;--hero-box-full-height:100vh;--hero-content-position:center;--hero-content-text-align:center;--hero-content-text-gap:20px;--hero-text-heading-width:100%;--hero-text-subheading-width:100%;--hero-text-width-heading:800px;--hero-text-width-subheading:440px;--hero-heading-color:#28292b;--hero-subheading-color:#28292b;--hero-button-primary-icon-spacing:10px;--hero-button-primary-icon-size:16px;--hero-button-primary-text-color:#fff;--hero-button-primary-text-color-hover:#7a7a7a;--hero-button-primary-border-width:0;--hero-button-primary-border-color:transparent;--hero-button-primary-border-radius-block-end:8px;--hero-button-primary-border-radius-block-start:8px;--hero-button-primary-border-radius-inline-end:8px;--hero-button-primary-border-radius-inline-start:8px;display:flex;flex-direction:column;height:var(--hero-box-height);padding-block-end:var(--hero-box-padding-block-end);padding-block-start:var(--hero-box-padding-block-start);padding-inline-end:var(--hero-box-padding-inline-end);padding-inline-start:var(--hero-box-padding-inline-start);text-align:var(--hero-content-text-align)}@supports(height:100dvh){.ehp-hero{--hero-box-full-height:100dvh}}@media(max-width:767px){.ehp-hero.is-full-height-mobile{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-mobile_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-mobile_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:768px)and (max-width:1024px){.ehp-hero.is-full-height-tablet{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1)and (max-width:-1){.ehp-hero.is-full-height-tablet_extra{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-tablet_extra .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}.ehp-hero.is-full-height-laptop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-laptop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px){.ehp-hero.is-full-height-desktop{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:1025px)and (max-width:99999px){.ehp-hero.is-full-height-desktop.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-desktop.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}@media(min-width:-1){.ehp-hero.is-full-height-widescreen{--hero-box-height:var(--hero-box-full-height,100vh)}.ehp-hero.is-full-height-widescreen .ehp-hero__image{align-items:flex-end;display:flex;flex-grow:1;justify-content:var(--hero-content-text-align)}}.ehp-hero__button-container,.ehp-hero__text-container{align-items:var(--hero-content-position);display:flex;flex-direction:column}.ehp-hero__button-container{margin-bottom:68px}.ehp-hero a.ehp-hero__button,.ehp-hero a.ehp-hero__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--hero-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--hero-button-primary-icon-size);--ehp-button-primary-text-color:var(--hero-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--hero-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--hero-button-primary-border-width);--ehp-button-primary-border-color:var(--hero-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--hero-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--hero-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--hero-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--hero-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--hero-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--hero-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--hero-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--hero-button-primary-border-radius-inline-start)}.ehp-hero .ehp-image{--ehp-image-height:var(--hero-image-height);--ehp-image-min-height:var(--hero-image-min-height);--ehp-image-position:var(--hero-image-position);--ehp-image-width:var(--hero-image-width);--ehp-image-border-color:var(--hero-image-border-color);--ehp-image-border-width:var(--hero-image-border-width);--ehp-image-border-radius-block-end:var(--hero-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--hero-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--hero-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--hero-image-border-radius-inline-start)}.ehp-hero__heading{color:var(--hero-heading-color);margin:0;max-width:var(--hero-text-width-heading)}.ehp-hero__subheading{color:var(--hero-subheading-color);margin:0;max-width:var(--hero-text-width-subheading)}.ehp-hero__heading,.ehp-hero__subheading{margin-bottom:var(--hero-content-text-gap)}
  • hello-plus/trunk/build/css/helloplus-zigzag-rtl.css

    r3238471 r3241372  
    1 .ehp-zigzag{--zigzag-title-color:#000;--zigzag-description-color:#000;--zigzag-rows-spacing:60px;--zigzag-wrapper-border-width:2px;--zigzag-wrapper-border-color:#000;--zigzag-wrapper-border-radius:0;--zigzag-content-position:center;--zigzag-image-width:50%;--zigzag-icon-width:50%;--zigzag-image-position:center center;--zigzag-elements-gap:32px;--zigzag-icon-size:256px;--zigzag-icon-color:#555963;--zigzag-icon-color-alternate:#61ce70;--zigzag-box-padding-block-start:60px;--zigzag-box-padding-block-end:60px;--zigzag-box-padding-inline-start:0;--zigzag-box-padding-inline-end:0;--zigzag-animation-delay:0;--zigzag-animation-duration:1s;--zigzag-animation-duration-slow:2s;--zigzag-animation-duration-normal:1s;--zigzag-animation-duration-fast:0.8s;--zigzag-button-primary-icon-spacing:10px;--zigzag-button-primary-icon-size:16px;--zigzag-button-primary-text-color:#fff;--zigzag-button-primary-text-color-hover:#7a7a7a;--zigzag-button-primary-border-width:0;--zigzag-button-primary-border-color:transparent;--zigzag-button-primary-padding-block-end:8px;--zigzag-button-primary-padding-block-start:8px;--zigzag-button-primary-padding-inline-end:16px;--zigzag-button-primary-padding-inline-start:16px;--zigzag-button-primary-border-radius-block-end:8px;--zigzag-button-primary-border-radius-block-start:8px;--zigzag-button-primary-border-radius-inline-end:8px;--zigzag-button-primary-border-radius-inline-start:8px;align-items:center;background-color:transparent;display:flex;flex-direction:column}@media screen and (min-width:768px){.ehp-zigzag{--zigzag-elements-gap:40px;--zigzag-rows-spacing:100px}}@media screen and (min-width:1025px){.ehp-zigzag{--zigzag-elements-gap:120px}}.ehp-zigzag.has-border{border-color:var(--zigzag-wrapper-border-color);border-radius:var(--zigzag-wrapper-border-radius);border-style:solid;border-width:var(--zigzag-wrapper-border-width)}.ehp-zigzag a.ehp-zigzag__button,.ehp-zigzag a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--zigzag-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--zigzag-button-primary-icon-size);--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--zigzag-button-primary-border-width);--ehp-button-primary-border-color:var(--zigzag-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--zigzag-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--zigzag-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--zigzag-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--zigzag-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--zigzag-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--zigzag-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--zigzag-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--zigzag-button-primary-border-radius-inline-start)}.ehp-zigzag__button-container{display:flex}.ehp-zigzag.has-alternate-icon-color .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__graphic-element-container{color:var(--zigzag-icon-color-alternate)}.ehp-zigzag__text-container{display:flex;flex-direction:column;justify-content:var(--zigzag-content-position)}.ehp-zigzag__text-container.is-graphic-image{width:calc(100% - var(--zigzag-image-width))}.ehp-zigzag__text-container.is-graphic-icon{width:calc(100% - var(--zigzag-icon-width))}.ehp-zigzag__title{color:var(--zigzag-title-color)}.ehp-zigzag__description{color:var(--zigzag-description-color);font-size:18px}.ehp-zigzag__graphic-element-container{align-items:var(--zigzag-content-position);display:flex}.ehp-zigzag__graphic-element-container.has-image{width:var(--zigzag-image-width)}.elementor .ehp-zigzag__graphic-element-container.has-image img{aspect-ratio:16/9;height:var(--zigzag-image-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--zigzag-image-position);object-position:var(--zigzag-image-position);width:100%}.ehp-zigzag__graphic-element-container.has-icon{color:var(--zigzag-icon-color);display:flex;justify-content:center;width:var(--zigzag-icon-width)}.ehp-zigzag__graphic-element-container.has-icon svg{fill:currentColor;height:var(--zigzag-icon-size);width:var(--zigzag-icon-size)}.ehp-zigzag__graphic-element-container.has-icon i{font-size:var(--zigzag-icon-size)}.ehp-zigzag__item-container{display:flex;gap:var(--zigzag-elements-gap);max-width:var(--zigzag-content-width);padding-block:calc(var(--zigzag-rows-spacing)/2);padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start);width:100%}@media screen and (max-width:1024px){.ehp-zigzag__item-container{gap:var(--zigzag-elements-gap)}}.ehp-zigzag.has-entrance-animation .ehp-zigzag__item-wrapper{animation-delay:var(--zigzag-animation-delay);animation-duration:var(--zigzag-animation-duration);animation-fill-mode:both;animation-timing-function:ease}.ehp-zigzag__item-wrapper{display:flex;justify-content:center;width:100%}.ehp-zigzag__item-wrapper:first-of-type .ehp-zigzag__item-container{padding-block-start:var(--zigzag-box-padding-block-start)}.ehp-zigzag__item-wrapper:last-of-type .ehp-zigzag__item-container{padding-block-end:var(--zigzag-box-padding-block-end)}.ehp-zigzag__item-wrapper.hidden{opacity:0;visibility:hidden}.ehp-zigzag__item-wrapper.visible{opacity:1;visibility:visible}@media screen and (min-width:1025px){.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container{flex-direction:row}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container,.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row-reverse}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row}}@media screen and (max-width:1024px){.ehp-zigzag .ehp-zigzag__item-container{flex-direction:column}.ehp-zigzag.has-direction-end .ehp-zigzag__graphic-element-container{order:2}.ehp-zigzag.has-direction-end .ehp-zigzag__text-container{order:1}.ehp-zigzag .ehp-zigzag__graphic-element-container,.ehp-zigzag .ehp-zigzag__text-container{padding-inline:0;width:100%}}.ehp-zigzag.has-image-stretch{--zigzag-image-width:50%;--zigzag-icon-width:50%}.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-inline:0}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-block:0}.ehp-zigzag.has-image-stretch .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__text-container{padding-block-end:var(--zigzag-box-padding-block-end)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container,.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}}
     1.ehp-zigzag{--zigzag-title-color:#000;--zigzag-description-color:#000;--zigzag-wrapper-border-width:2px;--zigzag-wrapper-border-color:#000;--zigzag-wrapper-border-radius:0;--zigzag-content-position:center;--zigzag-image-width:50%;--zigzag-icon-width:50%;--zigzag-icon-size:256px;--zigzag-icon-color:#555963;--zigzag-icon-color-alternate:#61ce70;--zigzag-animation-delay:0;--zigzag-animation-duration:1s;--zigzag-animation-duration-slow:2s;--zigzag-animation-duration-normal:1s;--zigzag-animation-duration-fast:0.8s;--zigzag-button-primary-icon-spacing:10px;--zigzag-button-primary-icon-size:16px;--zigzag-button-primary-text-color:#fff;--zigzag-button-primary-text-color-hover:#7a7a7a;--zigzag-button-primary-border-width:0;--zigzag-button-primary-border-color:transparent;--zigzag-button-primary-border-radius-block-end:8px;--zigzag-button-primary-border-radius-block-start:8px;--zigzag-button-primary-border-radius-inline-end:8px;--zigzag-button-primary-border-radius-inline-start:8px;align-items:center;background-color:transparent;display:flex;flex-direction:column}.ehp-zigzag.has-border{border-color:var(--zigzag-wrapper-border-color);border-radius:var(--zigzag-wrapper-border-radius);border-style:solid;border-width:var(--zigzag-wrapper-border-width)}.ehp-zigzag a.ehp-zigzag__button,.ehp-zigzag a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--zigzag-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--zigzag-button-primary-icon-size);--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--zigzag-button-primary-border-width);--ehp-button-primary-border-color:var(--zigzag-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--zigzag-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--zigzag-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--zigzag-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--zigzag-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--zigzag-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--zigzag-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--zigzag-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--zigzag-button-primary-border-radius-inline-start)}.ehp-zigzag .ehp-image{--ehp-image-height:var(--zigzag-image-height);--ehp-image-min-height:var(--zigzag-image-min-height);--ehp-image-position:var(--zigzag-image-position);--ehp-image-border-color:var(--zigzag-image-border-color);--ehp-image-border-width:var(--zigzag-image-border-width);--ehp-image-border-radius-block-end:var(--zigzag-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--zigzag-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--zigzag-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--zigzag-image-border-radius-inline-start)}.ehp-zigzag__button-container{display:flex}.ehp-zigzag.has-alternate-icon-color .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__graphic-element-container{color:var(--zigzag-icon-color-alternate)}.ehp-zigzag__text-container{display:flex;flex-direction:column;justify-content:var(--zigzag-content-position)}.ehp-zigzag__text-container.is-graphic-image{width:calc(100% - var(--zigzag-image-width))}.ehp-zigzag__text-container.is-graphic-icon{width:calc(100% - var(--zigzag-icon-width))}.ehp-zigzag__image-container{width:100%}.ehp-zigzag__title{color:var(--zigzag-title-color)}.ehp-zigzag__description{color:var(--zigzag-description-color);font-size:18px}.ehp-zigzag__graphic-element-container{align-items:var(--zigzag-content-position);display:flex}.ehp-zigzag__graphic-element-container.has-image{width:var(--zigzag-image-width)}.elementor .ehp-zigzag__graphic-element-container.has-image img{width:100%}.ehp-zigzag__graphic-element-container.has-icon{color:var(--zigzag-icon-color);display:flex;justify-content:center;width:var(--zigzag-icon-width)}.ehp-zigzag__graphic-element-container.has-icon svg{fill:currentColor;height:var(--zigzag-icon-size);width:var(--zigzag-icon-size)}.ehp-zigzag__graphic-element-container.has-icon i{font-size:var(--zigzag-icon-size)}.ehp-zigzag__item-container{display:flex;gap:var(--zigzag-column-gap);max-width:var(--zigzag-content-width);padding-block:calc(var(--zigzag-row-gap)/2);padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start);width:100%}.ehp-zigzag.has-entrance-animation .ehp-zigzag__item-wrapper{animation-delay:var(--zigzag-animation-delay);animation-duration:var(--zigzag-animation-duration);animation-fill-mode:both;animation-timing-function:ease}.ehp-zigzag__item-wrapper{display:flex;justify-content:center;width:100%}.ehp-zigzag__item-wrapper:first-of-type .ehp-zigzag__item-container{padding-block-start:var(--zigzag-box-padding-block-start)}.ehp-zigzag__item-wrapper:last-of-type .ehp-zigzag__item-container{padding-block-end:var(--zigzag-box-padding-block-end)}.ehp-zigzag__item-wrapper.hidden{opacity:0;visibility:hidden}.ehp-zigzag__item-wrapper.visible{opacity:1;visibility:visible}@media screen and (min-width:1025px){.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container{flex-direction:row}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container,.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row-reverse}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row}}@media screen and (max-width:1024px){.ehp-zigzag .ehp-zigzag__item-container{flex-direction:column}.ehp-zigzag.has-direction-end .ehp-zigzag__graphic-element-container{order:2}.ehp-zigzag.has-direction-end .ehp-zigzag__text-container{order:1}.ehp-zigzag .ehp-zigzag__graphic-element-container,.ehp-zigzag .ehp-zigzag__text-container{padding-inline:0;width:100%}}.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-inline:0}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-block:0}.ehp-zigzag.has-image-stretch .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__text-container{padding-block-end:var(--zigzag-box-padding-block-end)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container,.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}}
  • hello-plus/trunk/build/css/helloplus-zigzag.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => 'c32e87d52fce1820c542');
     1<?php return array('dependencies' => array(), 'version' => '7a3619e9abfd9a3d31d5');
  • hello-plus/trunk/build/css/helloplus-zigzag.css

    r3238471 r3241372  
    1 .ehp-zigzag{--zigzag-title-color:#000;--zigzag-description-color:#000;--zigzag-rows-spacing:60px;--zigzag-wrapper-border-width:2px;--zigzag-wrapper-border-color:#000;--zigzag-wrapper-border-radius:0;--zigzag-content-position:center;--zigzag-image-width:50%;--zigzag-icon-width:50%;--zigzag-image-position:center center;--zigzag-elements-gap:32px;--zigzag-icon-size:256px;--zigzag-icon-color:#555963;--zigzag-icon-color-alternate:#61ce70;--zigzag-box-padding-block-start:60px;--zigzag-box-padding-block-end:60px;--zigzag-box-padding-inline-start:0;--zigzag-box-padding-inline-end:0;--zigzag-animation-delay:0;--zigzag-animation-duration:1s;--zigzag-animation-duration-slow:2s;--zigzag-animation-duration-normal:1s;--zigzag-animation-duration-fast:0.8s;--zigzag-button-primary-icon-spacing:10px;--zigzag-button-primary-icon-size:16px;--zigzag-button-primary-text-color:#fff;--zigzag-button-primary-text-color-hover:#7a7a7a;--zigzag-button-primary-border-width:0;--zigzag-button-primary-border-color:transparent;--zigzag-button-primary-padding-block-end:8px;--zigzag-button-primary-padding-block-start:8px;--zigzag-button-primary-padding-inline-end:16px;--zigzag-button-primary-padding-inline-start:16px;--zigzag-button-primary-border-radius-block-end:8px;--zigzag-button-primary-border-radius-block-start:8px;--zigzag-button-primary-border-radius-inline-end:8px;--zigzag-button-primary-border-radius-inline-start:8px;align-items:center;background-color:transparent;display:flex;flex-direction:column}@media screen and (min-width:768px){.ehp-zigzag{--zigzag-elements-gap:40px;--zigzag-rows-spacing:100px}}@media screen and (min-width:1025px){.ehp-zigzag{--zigzag-elements-gap:120px}}.ehp-zigzag.has-border{border-color:var(--zigzag-wrapper-border-color);border-radius:var(--zigzag-wrapper-border-radius);border-style:solid;border-width:var(--zigzag-wrapper-border-width)}.ehp-zigzag a.ehp-zigzag__button,.ehp-zigzag a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--zigzag-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--zigzag-button-primary-icon-size);--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--zigzag-button-primary-border-width);--ehp-button-primary-border-color:var(--zigzag-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--zigzag-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--zigzag-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--zigzag-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--zigzag-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--zigzag-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--zigzag-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--zigzag-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--zigzag-button-primary-border-radius-inline-start)}.ehp-zigzag__button-container{display:flex}.ehp-zigzag.has-alternate-icon-color .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__graphic-element-container{color:var(--zigzag-icon-color-alternate)}.ehp-zigzag__text-container{display:flex;flex-direction:column;justify-content:var(--zigzag-content-position)}.ehp-zigzag__text-container.is-graphic-image{width:calc(100% - var(--zigzag-image-width))}.ehp-zigzag__text-container.is-graphic-icon{width:calc(100% - var(--zigzag-icon-width))}.ehp-zigzag__title{color:var(--zigzag-title-color)}.ehp-zigzag__description{color:var(--zigzag-description-color);font-size:18px}.ehp-zigzag__graphic-element-container{align-items:var(--zigzag-content-position);display:flex}.ehp-zigzag__graphic-element-container.has-image{width:var(--zigzag-image-width)}.elementor .ehp-zigzag__graphic-element-container.has-image img{aspect-ratio:16/9;height:var(--zigzag-image-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--zigzag-image-position);object-position:var(--zigzag-image-position);width:100%}.ehp-zigzag__graphic-element-container.has-icon{color:var(--zigzag-icon-color);display:flex;justify-content:center;width:var(--zigzag-icon-width)}.ehp-zigzag__graphic-element-container.has-icon svg{fill:currentColor;height:var(--zigzag-icon-size);width:var(--zigzag-icon-size)}.ehp-zigzag__graphic-element-container.has-icon i{font-size:var(--zigzag-icon-size)}.ehp-zigzag__item-container{display:flex;gap:var(--zigzag-elements-gap);max-width:var(--zigzag-content-width);padding-block:calc(var(--zigzag-rows-spacing)/2);padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start);width:100%}@media screen and (max-width:1024px){.ehp-zigzag__item-container{gap:var(--zigzag-elements-gap)}}.ehp-zigzag.has-entrance-animation .ehp-zigzag__item-wrapper{animation-delay:var(--zigzag-animation-delay);animation-duration:var(--zigzag-animation-duration);animation-fill-mode:both;animation-timing-function:ease}.ehp-zigzag__item-wrapper{display:flex;justify-content:center;width:100%}.ehp-zigzag__item-wrapper:first-of-type .ehp-zigzag__item-container{padding-block-start:var(--zigzag-box-padding-block-start)}.ehp-zigzag__item-wrapper:last-of-type .ehp-zigzag__item-container{padding-block-end:var(--zigzag-box-padding-block-end)}.ehp-zigzag__item-wrapper.hidden{opacity:0;visibility:hidden}.ehp-zigzag__item-wrapper.visible{opacity:1;visibility:visible}@media screen and (min-width:1025px){.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container{flex-direction:row}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container,.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row-reverse}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row}}@media screen and (max-width:1024px){.ehp-zigzag .ehp-zigzag__item-container{flex-direction:column}.ehp-zigzag.has-direction-end .ehp-zigzag__graphic-element-container{order:2}.ehp-zigzag.has-direction-end .ehp-zigzag__text-container{order:1}.ehp-zigzag .ehp-zigzag__graphic-element-container,.ehp-zigzag .ehp-zigzag__text-container{padding-inline:0;width:100%}}.ehp-zigzag.has-image-stretch{--zigzag-image-width:50%;--zigzag-icon-width:50%}.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-inline:0}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-block:0}.ehp-zigzag.has-image-stretch .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__text-container{padding-block-end:var(--zigzag-box-padding-block-end)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container,.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}}
     1.ehp-zigzag{--zigzag-title-color:#000;--zigzag-description-color:#000;--zigzag-wrapper-border-width:2px;--zigzag-wrapper-border-color:#000;--zigzag-wrapper-border-radius:0;--zigzag-content-position:center;--zigzag-image-width:50%;--zigzag-icon-width:50%;--zigzag-icon-size:256px;--zigzag-icon-color:#555963;--zigzag-icon-color-alternate:#61ce70;--zigzag-animation-delay:0;--zigzag-animation-duration:1s;--zigzag-animation-duration-slow:2s;--zigzag-animation-duration-normal:1s;--zigzag-animation-duration-fast:0.8s;--zigzag-button-primary-icon-spacing:10px;--zigzag-button-primary-icon-size:16px;--zigzag-button-primary-text-color:#fff;--zigzag-button-primary-text-color-hover:#7a7a7a;--zigzag-button-primary-border-width:0;--zigzag-button-primary-border-color:transparent;--zigzag-button-primary-border-radius-block-end:8px;--zigzag-button-primary-border-radius-block-start:8px;--zigzag-button-primary-border-radius-inline-end:8px;--zigzag-button-primary-border-radius-inline-start:8px;align-items:center;background-color:transparent;display:flex;flex-direction:column}.ehp-zigzag.has-border{border-color:var(--zigzag-wrapper-border-color);border-radius:var(--zigzag-wrapper-border-radius);border-style:solid;border-width:var(--zigzag-wrapper-border-width)}.ehp-zigzag a.ehp-zigzag__button,.ehp-zigzag a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--zigzag-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--zigzag-button-primary-icon-size);--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--zigzag-button-primary-border-width);--ehp-button-primary-border-color:var(--zigzag-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--zigzag-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--zigzag-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--zigzag-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--zigzag-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--zigzag-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--zigzag-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--zigzag-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--zigzag-button-primary-border-radius-inline-start)}.ehp-zigzag .ehp-image{--ehp-image-height:var(--zigzag-image-height);--ehp-image-min-height:var(--zigzag-image-min-height);--ehp-image-position:var(--zigzag-image-position);--ehp-image-border-color:var(--zigzag-image-border-color);--ehp-image-border-width:var(--zigzag-image-border-width);--ehp-image-border-radius-block-end:var(--zigzag-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--zigzag-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--zigzag-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--zigzag-image-border-radius-inline-start)}.ehp-zigzag__button-container{display:flex}.ehp-zigzag.has-alternate-icon-color .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__graphic-element-container{color:var(--zigzag-icon-color-alternate)}.ehp-zigzag__text-container{display:flex;flex-direction:column;justify-content:var(--zigzag-content-position)}.ehp-zigzag__text-container.is-graphic-image{width:calc(100% - var(--zigzag-image-width))}.ehp-zigzag__text-container.is-graphic-icon{width:calc(100% - var(--zigzag-icon-width))}.ehp-zigzag__image-container{width:100%}.ehp-zigzag__title{color:var(--zigzag-title-color)}.ehp-zigzag__description{color:var(--zigzag-description-color);font-size:18px}.ehp-zigzag__graphic-element-container{align-items:var(--zigzag-content-position);display:flex}.ehp-zigzag__graphic-element-container.has-image{width:var(--zigzag-image-width)}.elementor .ehp-zigzag__graphic-element-container.has-image img{width:100%}.ehp-zigzag__graphic-element-container.has-icon{color:var(--zigzag-icon-color);display:flex;justify-content:center;width:var(--zigzag-icon-width)}.ehp-zigzag__graphic-element-container.has-icon svg{fill:currentColor;height:var(--zigzag-icon-size);width:var(--zigzag-icon-size)}.ehp-zigzag__graphic-element-container.has-icon i{font-size:var(--zigzag-icon-size)}.ehp-zigzag__item-container{display:flex;gap:var(--zigzag-column-gap);max-width:var(--zigzag-content-width);padding-block:calc(var(--zigzag-row-gap)/2);padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start);width:100%}.ehp-zigzag.has-entrance-animation .ehp-zigzag__item-wrapper{animation-delay:var(--zigzag-animation-delay);animation-duration:var(--zigzag-animation-duration);animation-fill-mode:both;animation-timing-function:ease}.ehp-zigzag__item-wrapper{display:flex;justify-content:center;width:100%}.ehp-zigzag__item-wrapper:first-of-type .ehp-zigzag__item-container{padding-block-start:var(--zigzag-box-padding-block-start)}.ehp-zigzag__item-wrapper:last-of-type .ehp-zigzag__item-container{padding-block-end:var(--zigzag-box-padding-block-end)}.ehp-zigzag__item-wrapper.hidden{opacity:0;visibility:hidden}.ehp-zigzag__item-wrapper.visible{opacity:1;visibility:visible}@media screen and (min-width:1025px){.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container{flex-direction:row}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container,.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row-reverse}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row}}@media screen and (max-width:1024px){.ehp-zigzag .ehp-zigzag__item-container{flex-direction:column}.ehp-zigzag.has-direction-end .ehp-zigzag__graphic-element-container{order:2}.ehp-zigzag.has-direction-end .ehp-zigzag__text-container{order:1}.ehp-zigzag .ehp-zigzag__graphic-element-container,.ehp-zigzag .ehp-zigzag__text-container{padding-inline:0;width:100%}}.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-inline:0}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-block:0}.ehp-zigzag.has-image-stretch .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__text-container{padding-block-end:var(--zigzag-box-padding-block-end)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container,.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}}
  • hello-plus/trunk/build/js/ehp-form-lite.js

    r3231966 r3241372  
    1 "use strict";(self.webpackChunkhello_plus=self.webpackChunkhello_plus||[]).push([[498],{4719:function(e,t,r){r.r(t),t.default=elementorModules.frontend.handlers.Base.extend({getDefaultSettings(){return{selectors:{form:".ehp-form"}}},getDefaultElements(){var e=this.getSettings("selectors"),t={};return t.$form=this.$element.find(e.form),t},bindEvents(){this.elements.$form.on("form_destruct",this.handleSubmit)},handleSubmit(e,t){void 0!==t.data.redirect_url&&(location.href=t.data.redirect_url)}})},4746:function(e,t,r){r.r(t),t.default=elementorModules.frontend.handlers.Base.extend({getDefaultSettings(){return{selectors:{form:".ehp-form",submitButton:'[type="submit"]'},action:"helloplus_forms_lite_send_form",ajaxUrl:elementorFrontendConfig.urls.ajaxurl,nonce:ehpFormsData.nonce}},getDefaultElements(){const e=this.getSettings("selectors"),t={};return t.$form=this.$element.find(e.form),t.$submitButton=t.$form.find(e.submitButton),t},bindEvents(){this.elements.$form.on("submit",this.handleSubmit)},beforeSend(){const e=this.elements.$form;e.animate({opacity:"0.45"},500).addClass("elementor-form-waiting"),e.find(".elementor-message").remove(),e.find(".elementor-error").removeClass("elementor-error"),e.find("div.elementor-field-group").removeClass("error").find("span.elementor-form-help-inline").remove().end().find(":input").attr("aria-invalid","false"),this.elements.$submitButton.attr("disabled","disabled").find("> span").prepend('<span class="elementor-button-text elementor-form-spinner"><i class="fa fa-spinner fa-spin"></i>&nbsp;</span>')},getFormData(){const e=new FormData(this.elements.$form[0]);return e.append("action",this.getSettings("action")),e.append("nonce",this.getSettings("nonce")),e.append("referrer",location.toString()),e},onSuccess(e){const t=this.elements.$form;if(this.elements.$submitButton.removeAttr("disabled").find(".elementor-form-spinner").remove(),t.animate({opacity:"1"},100).removeClass("elementor-form-waiting"),e.success){t.trigger("submit_success",e.data),t.trigger("form_destruct",e.data),t.trigger("reset");let r="elementor-message elementor-message-success";elementorFrontendConfig.experimentalFeatures.e_font_icon_svg&&(r+=" elementor-message-svg"),void 0!==e.data.message&&""!==e.data.message&&t.append('<div class="'+r+'" role="alert"></div>').text(e.data.message)}else e.data.errors&&(jQuery.each(e.data.errors,(function(e,r){t.find("#form-field-"+e).parent().addClass("elementor-error").append('<span class="elementor-message elementor-message-danger elementor-help-inline elementor-form-help-inline" role="alert"></span>').text(r).find(":input").attr("aria-invalid","true")})),t.trigger("error")),t.append('<div class="elementor-message elementor-message-danger" role="alert"></div>').text(e.data.message)},onError(e,t){const r=this.elements.$form;r.append('<div class="elementor-message elementor-message-danger" role="alert"></div>').text(t),this.elements.$submitButton.html(this.elements.$submitButton.text()).removeAttr("disabled"),r.animate({opacity:"1"},100).removeClass("elementor-form-waiting"),r.trigger("error")},handleSubmit(e){const t=this,r=this.elements.$form;if(e.preventDefault(),r.hasClass("elementor-form-waiting"))return!1;this.beforeSend(),jQuery.ajax({url:t.getSettings("ajaxUrl"),type:"POST",dataType:"json",data:t.getFormData(),processData:!1,contentType:!1,success:t.onSuccess,error:t.onError})}})}}]);
     1"use strict";(self.webpackChunkhello_plus=self.webpackChunkhello_plus||[]).push([[498],{4719:function(e,t,s){s.r(t),t.default=elementorModules.frontend.handlers.Base.extend({getDefaultSettings(){return{selectors:{form:".ehp-form"}}},getDefaultElements(){const e=this.getSettings("selectors");return{$form:this.$element[0].querySelector(e.form),$submitButton:this.$element[0].querySelector(e.submitButton)}},bindEvents(){this.elements.$form.addEventListener("form_destruct",this.handleSubmit.bind(this))},handleSubmit(e,t){t&&t.data&&t.data.redirect_url&&(location.href=t.data.redirect_url)}})},4746:function(e,t,s){s.r(t),t.default=elementorModules.frontend.handlers.Base.extend({getDefaultSettings(){return{selectors:{form:".ehp-form",submitButton:'[type="submit"]'},action:"helloplus_forms_lite_send_form",ajaxUrl:elementorFrontendConfig.urls.ajaxurl,nonce:ehpFormsData.nonce}},getDefaultElements(){const e=this.getSettings("selectors");return{$form:this.$element[0].querySelector(e.form),$submitButton:this.$element[0].querySelector(e.submitButton)}},bindEvents(){this.elements.$form.addEventListener("submit",this.handleSubmit.bind(this))},beforeSend(){const e=this.elements.$form;e.style.opacity="0.45",e.classList.add("elementor-form-waiting");const t=e.querySelector(".elementor-message");t&&t.remove();const s=e.querySelector(".elementor-error");s&&s.classList.remove("elementor-error"),e.querySelectorAll("div.elementor-field-group").forEach((e=>{e.classList.remove("error");const t=e.querySelector("span.elementor-form-help-inline");t&&t.remove(),e.querySelectorAll(":input").forEach((e=>e.setAttribute("aria-invalid","false")))})),this.elements.$submitButton.setAttribute("disabled","disabled");const n=document.createElement("span");n.classList.add("elementor-button-text","elementor-form-spinner"),n.innerHTML='<i class="fa fa-spinner fa-spin"></i>&nbsp;',this.elements.$submitButton.prepend(n)},getFormData(){const e=new FormData(this.elements.$form);return e.append("action",this.getSettings("action")),e.append("nonce",this.getSettings("nonce")),e.append("referrer",location.toString()),e},onSuccess(e){const t=this.elements.$form;this.elements.$submitButton.removeAttribute("disabled");const s=this.elements.$submitButton.querySelector(".elementor-form-spinner");if(s&&s.remove(),t.style.opacity="1",t.classList.remove("elementor-form-waiting"),e.success){t.dispatchEvent(new CustomEvent("submit_success",{detail:e.data})),t.dispatchEvent(new CustomEvent("form_destruct",{detail:e.data})),t.reset();const s=["elementor-message","elementor-message-success"];if(elementorFrontendConfig.experimentalFeatures.e_font_icon_svg&&s.push("elementor-message-svg"),e.data.message&&""!==e.data.message){const n=document.createElement("div");n.classList.add(...s),n.setAttribute("role","alert"),n.textContent=e.data.message,t.appendChild(n)}}else{e.data.errors&&(Object.entries(e.data.errors).forEach((([e,s])=>{const n=t.querySelector(`#form-field-${e}`);if(n){n.parentElement.classList.add("elementor-error");const e=document.createElement("span");e.classList.add("elementor-message","elementor-message-danger","elementor-help-inline","elementor-form-help-inline"),e.setAttribute("role","alert"),e.textContent=s,n.parentElement.appendChild(e);const t=n.querySelector("input");t&&t.setAttribute("aria-invalid","true")}})),t.dispatchEvent(new Event("error")));const s=document.createElement("div");s.classList.add("elementor-message","elementor-message-danger"),s.setAttribute("role","alert"),s.textContent=e.data.message,t.appendChild(s)}},onError(e,t){const s=this.elements.$form,n=document.createElement("div");n.classList.add("elementor-message","elementor-message-danger"),n.setAttribute("role","alert"),n.textContent=t,s.appendChild(n),this.elements.$submitButton.innerHTML=this.elements.$submitButton.textContent,this.elements.$submitButton.removeAttribute("disabled"),s.style.opacity="1",s.classList.remove("elementor-form-waiting"),s.dispatchEvent(new Event("error"))},handleSubmit(e){if(e.preventDefault(),this.elements.$form.classList.contains("elementor-form-waiting"))return!1;this.beforeSend(),fetch(this.getSettings("ajaxUrl"),{method:"POST",body:this.getFormData()}).then((e=>e.json())).then((e=>this.onSuccess(e))).catch((e=>this.onError(null,e)))}})}}]);
  • hello-plus/trunk/build/js/ehp-header-fe.js

    r3238471 r3241372  
    1 "use strict";(self.webpackChunkhello_plus=self.webpackChunkhello_plus||[]).push([[802],{7682:function(e,t,n){n.r(t),n.d(t,{default:function(){return i}});class i extends elementorModules.frontend.handlers.Base{getDefaultSettings(){return{selectors:{main:".ehp-header",navigationToggle:".ehp-header__button-toggle",dropdownToggle:".ehp-header__dropdown-toggle",navigation:".ehp-header__navigation",dropdown:".ehp-header__dropdown",wpAdminBar:"#wpadminbar"},constants:{mobilePortrait:767,tabletPortrait:1024,mobile:"mobile",tablet:"tablet",desktop:"desktop",dataScrollBehavior:"data-scroll-behavior",dataBehaviorFloat:"data-behavior-float",scrollUp:"scroll-up",always:"always",none:"none",no:"no"}}}getDefaultElements(){const e=this.getSettings("selectors");return{main:this.$element[0].querySelector(e.main),navigationToggle:this.$element[0].querySelector(e.navigationToggle),dropdownToggle:this.$element[0].querySelectorAll(e.dropdownToggle),navigation:this.$element[0].querySelector(e.navigation),dropdown:this.$element[0].querySelector(e.dropdown),wpAdminBar:document.querySelector(e.wpAdminBar)}}bindEvents(){this.elements.navigationToggle&&this.elements.navigationToggle.addEventListener("click",(()=>this.toggleNavigation())),this.elements.dropdownToggle.length>0&&this.elements.dropdownToggle.forEach((e=>{e.addEventListener("click",(e=>this.toggleSubMenu(e)))})),this.elements.main&&(window.addEventListener("resize",(()=>this.onResize())),window.addEventListener("scroll",(()=>this.onScroll())))}onInit(...e){super.onInit(...e),this.initDefaultState()}initDefaultState(){this.lastScrollY=window.scrollY;const{none:e,no:t,always:n,scrollUp:i}=this.getSettings("constants");this.handleAriaAttributesMenu(),this.handleAriaAttributesDropdown(),this.handleOffsetTop(),e===this.getDataScrollBehavior()&&t===this.getBehaviorFloat()&&this.setupInnerContainer(),i!==this.getDataScrollBehavior()&&n!==this.getDataScrollBehavior()||this.applyBodyPadding()}getBehaviorFloat(){const{dataBehaviorFloat:e}=this.getSettings("constants");return this.elements.main.getAttribute(e)}getDataScrollBehavior(){const{dataScrollBehavior:e}=this.getSettings("constants");return this.elements.main.getAttribute(e)}setupInnerContainer(){this.elements.main.closest(".e-con-inner")?.classList.add("e-con-inner--ehp-header"),this.elements.main.closest(".e-con")?.classList.add("e-con--ehp-header")}onResize(){this.handleAriaAttributesMenu()}onScroll(){const{scrollUp:e,always:t}=this.getSettings("constants");e!==this.getDataScrollBehavior()&&t!==this.getDataScrollBehavior()||this.handleScrollDown(this.getDataScrollBehavior())}handleOffsetTop(){const e=this.elements.wpAdminBar?.offsetHeight||0;this.elements.main.style.setProperty("--header-wp-admin-bar-height",`${e}px`)}applyBodyPadding(){const e=this.elements.main.offsetHeight;document.body.style.paddingTop=`${e}px`}handleAriaAttributesDropdown(){this.elements.dropdownToggle.forEach((e=>{e.nextElementSibling.setAttribute("aria-hidden","true")}))}handleAriaAttributesMenu(){this.isResponsiveBreakpoint()&&(this.elements.navigationToggle.setAttribute("aria-expanded","false"),this.elements.navigation.setAttribute("aria-hidden","true"))}toggleSubMenu(e){e.preventDefault();const t=e.target,n=t.classList.contains("ehp-header__submenu-toggle-icon"),i=n?t.parentElement:t,a=n?t.parentElement.nextElementSibling:t.nextElementSibling;"true"===a.getAttribute("aria-hidden")?this.openSubMenu(i,a):this.closeSubMenu(i,a)}openSubMenu(e,t){e.setAttribute("aria-expanded","true"),t.setAttribute("aria-hidden","false")}closeSubMenu(e,t){e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true")}handleScrollDown(e){const{scrollUp:t}=this.getSettings("constants"),n=window.scrollY,i=this.elements.main.offsetHeight,a=this.elements.wpAdminBar?.offsetHeight||0,s=getComputedStyle(this.elements.main).getPropertyValue("--header-float-offset"),o=i+a+(parseInt(s,10)||0);n>this.lastScrollY?(this.elements.main.classList.add("scroll-down"),t===e&&this.elements.main.style.setProperty("--header-scroll-down",`${o}px`)):this.elements.main.classList.remove("scroll-down"),this.lastScrollY=n}isResponsiveBreakpoint(){const e=this.getCurrentDevice();return this.elements.main.classList.contains(`has-navigation-breakpoint-${e}-portrait`)}getCurrentDevice(){const{mobilePortrait:e,tabletPortrait:t,mobile:n,tablet:i,desktop:a}=this.getSettings("constants"),s=window.innerWidth<=e,o=window.innerWidth<=t;return s?n:o?i:a}toggleNavigation(){"true"===this.elements.navigation.getAttribute("aria-hidden")?(this.elements.navigation.setAttribute("aria-hidden","false"),this.elements.navigationToggle.setAttribute("aria-expanded","true")):(this.elements.navigation.setAttribute("aria-hidden","true"),this.elements.navigationToggle.setAttribute("aria-expanded","false"))}}}}]);
     1"use strict";(self.webpackChunkhello_plus=self.webpackChunkhello_plus||[]).push([[802],{7682:function(e,t,n){n.r(t),n.d(t,{default:function(){return i}});class i extends elementorModules.frontend.handlers.Base{getDefaultSettings(){return{selectors:{main:".ehp-header",navigationToggle:".ehp-header__button-toggle",dropdownToggle:".ehp-header__dropdown-toggle",navigation:".ehp-header__navigation",dropdown:".ehp-header__dropdown",wpAdminBar:"#wpadminbar"},constants:{mobilePortrait:767,tabletPortrait:1024,mobile:"mobile",tablet:"tablet",desktop:"desktop",dataScrollBehavior:"data-scroll-behavior",dataBehaviorFloat:"data-behavior-float",scrollUp:"scroll-up",always:"always",none:"none",no:"no"}}}getDefaultElements(){const e=this.getSettings("selectors");return{main:this.$element[0].querySelector(e.main),navigationToggle:this.$element[0].querySelector(e.navigationToggle),dropdownToggle:this.$element[0].querySelectorAll(e.dropdownToggle),navigation:this.$element[0].querySelector(e.navigation),dropdown:this.$element[0].querySelector(e.dropdown),wpAdminBar:document.querySelector(e.wpAdminBar)}}bindEvents(){this.elements.navigationToggle&&this.elements.navigationToggle.addEventListener("click",(()=>this.toggleNavigation())),this.elements.dropdownToggle.length>0&&this.elements.dropdownToggle.forEach((e=>{e.addEventListener("click",(e=>this.toggleSubMenu(e)))})),this.elements.main&&(window.addEventListener("resize",(()=>this.onResize())),window.addEventListener("scroll",(()=>this.onScroll())))}onInit(...e){super.onInit(...e),this.initDefaultState()}initDefaultState(){this.lastScrollY=window.scrollY;const{none:e,no:t,always:n,scrollUp:i}=this.getSettings("constants");this.handleAriaAttributesMenu(),this.handleAriaAttributesDropdown(),this.handleOffsetTop(),e===this.getDataScrollBehavior()&&t===this.getBehaviorFloat()&&this.setupInnerContainer(),i!==this.getDataScrollBehavior()&&n!==this.getDataScrollBehavior()||this.applyBodyPadding()}getBehaviorFloat(){const{dataBehaviorFloat:e}=this.getSettings("constants");return this.elements.main.getAttribute(e)}getDataScrollBehavior(){const{dataScrollBehavior:e}=this.getSettings("constants");return this.elements.main.getAttribute(e)}setupInnerContainer(){this.elements.main.closest(".e-con-inner")?.classList.add("e-con-inner--ehp-header"),this.elements.main.closest(".e-con")?.classList.add("e-con--ehp-header")}onResize(){this.handleAriaAttributesMenu()}onScroll(){const{scrollUp:e,always:t}=this.getSettings("constants");e!==this.getDataScrollBehavior()&&t!==this.getDataScrollBehavior()||this.handleScrollDown(this.getDataScrollBehavior())}handleOffsetTop(){const e=this.elements.wpAdminBar?.offsetHeight||0;this.elements.main.style.setProperty("--header-wp-admin-bar-height",`${e}px`)}applyBodyPadding(){const e=this.elements.main.offsetHeight;document.body.style.paddingTop=`${e}px`}handleAriaAttributesDropdown(){this.elements.dropdownToggle.forEach((e=>{e.nextElementSibling.setAttribute("aria-hidden","true")}))}handleAriaAttributesMenu(){this.isResponsiveBreakpoint()&&(this.elements.navigationToggle.setAttribute("aria-expanded","false"),this.elements.navigation.setAttribute("aria-hidden","true"))}toggleSubMenu(e){e.preventDefault();const t=e.target,n=t.classList.contains("ehp-header__submenu-toggle-icon"),i=n?t.parentElement:t,a=n?t.parentElement.nextElementSibling:t.nextElementSibling;"true"===a.getAttribute("aria-hidden")?this.openSubMenu(i,a):this.closeSubMenu(i,a)}openSubMenu(e,t){e.setAttribute("aria-expanded","true"),t.setAttribute("aria-hidden","false")}closeSubMenu(e,t){e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true")}handleScrollDown(e){const{scrollUp:t}=this.getSettings("constants"),n=window.scrollY,i=this.elements.main.offsetHeight,a=this.elements.wpAdminBar?.offsetHeight||0,s=getComputedStyle(this.elements.main).getPropertyValue("--header-float-offset"),o=i+a+(parseInt(s,10)||0);n>this.lastScrollY?(this.elements.main.classList.add("scroll-down"),t===e&&this.elements.main.style.setProperty("--header-scroll-down",`${o}px`)):this.elements.main.classList.remove("scroll-down"),this.lastScrollY=n}isResponsiveBreakpoint(){const e=this.elements.main.getAttribute("data-responsive-breakpoint");if(!e)return!1;const{mobilePortrait:t,tabletPortrait:n}=this.getSettings("constants"),i="tablet-portrait"===e?n:t;return window.innerWidth<=i}toggleNavigation(){"true"===this.elements.navigation.getAttribute("aria-hidden")?(this.elements.navigation.setAttribute("aria-hidden","false"),this.elements.navigationToggle.setAttribute("aria-expanded","true")):(this.elements.navigation.setAttribute("aria-hidden","true"),this.elements.navigationToggle.setAttribute("aria-expanded","false"))}}}}]);
  • hello-plus/trunk/build/js/helloplus-forms-fe.asset.php

    r3231966 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => 'be1eedae161e8c53bc38');
     1<?php return array('dependencies' => array(), 'version' => '116972a55c8bcb48e22d');
  • hello-plus/trunk/build/js/helloplus-forms-fe.js

    r3231966 r3241372  
    1 !function(){"use strict";var e,t,n={},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return n[e](i,i.exports,o),i.exports}o.m=n,o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce((function(t,n){return o.f[n](e,t),t}),[]))},o.u=function(e){return"js/ehp-form-lite.js?ver=0fa15d20a2721c9b2f42"},o.miniCssF=function(e){},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},e={},t="hello-plus:",o.l=function(n,r,i,u){if(e[n])e[n].push(r);else{var a,c;if(void 0!==i)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var d=l[s];if(d.getAttribute("src")==n||d.getAttribute("data-webpack")==t+i){a=d;break}}a||(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.setAttribute("data-webpack",t+i),a.src=n),e[n]=[r];var f=function(t,r){a.onerror=a.onload=null,clearTimeout(p);var o=e[n];if(delete e[n],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(r)})),t)return t(r)},p=setTimeout(f.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=f.bind(null,a.onerror),a.onload=f.bind(null,a.onload),c&&document.head.appendChild(a)}},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e+"../"}(),function(){var e={5:0};o.f.j=function(t,n){var r=o.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var i=new Promise((function(n,o){r=e[t]=[n,o]}));n.push(r[2]=i);var u=o.p+o.u(t),a=new Error;o.l(u,(function(n){if(o.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var i=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+i+": "+u+")",a.name="ChunkLoadError",a.type=i,a.request=u,r[1](a)}}),"chunk-"+t,t)}};var t=function(t,n){var r,i,u=n[0],a=n[1],c=n[2],l=0;if(u.some((function(t){return 0!==e[t]}))){for(r in a)o.o(a,r)&&(o.m[r]=a[r]);c&&c(o)}for(t&&t(n);l<u.length;l++)i=u[l],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0},n=self.webpackChunkhello_plus=self.webpackChunkhello_plus||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();class i extends elementorModules.Module{constructor(){super(),elementorFrontend.elementsHandler.attachHandler("ehp-form",[()=>o.e(498).then(o.bind(o,4746)),()=>o.e(498).then(o.bind(o,4719))]),elementorFrontend.elementsHandler.attachHandler("subscribe",[()=>o.e(498).then(o.bind(o,4746)),()=>o.e(498).then(o.bind(o,4719))])}}window.addEventListener("elementor/frontend/init",(()=>{new i}))}();
     1!function(){"use strict";var e,t,n={},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return n[e](i,i.exports,o),i.exports}o.m=n,o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce((function(t,n){return o.f[n](e,t),t}),[]))},o.u=function(e){return"js/ehp-form-lite.js?ver=7461f6fe1b04b8d7008b"},o.miniCssF=function(e){},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},e={},t="hello-plus:",o.l=function(n,r,i,u){if(e[n])e[n].push(r);else{var a,c;if(void 0!==i)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var d=l[s];if(d.getAttribute("src")==n||d.getAttribute("data-webpack")==t+i){a=d;break}}a||(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.setAttribute("data-webpack",t+i),a.src=n),e[n]=[r];var f=function(t,r){a.onerror=a.onload=null,clearTimeout(p);var o=e[n];if(delete e[n],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(r)})),t)return t(r)},p=setTimeout(f.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=f.bind(null,a.onerror),a.onload=f.bind(null,a.onload),c&&document.head.appendChild(a)}},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e+"../"}(),function(){var e={5:0};o.f.j=function(t,n){var r=o.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var i=new Promise((function(n,o){r=e[t]=[n,o]}));n.push(r[2]=i);var u=o.p+o.u(t),a=new Error;o.l(u,(function(n){if(o.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var i=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+i+": "+u+")",a.name="ChunkLoadError",a.type=i,a.request=u,r[1](a)}}),"chunk-"+t,t)}};var t=function(t,n){var r,i,u=n[0],a=n[1],c=n[2],l=0;if(u.some((function(t){return 0!==e[t]}))){for(r in a)o.o(a,r)&&(o.m[r]=a[r]);c&&c(o)}for(t&&t(n);l<u.length;l++)i=u[l],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0},n=self.webpackChunkhello_plus=self.webpackChunkhello_plus||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();class i extends elementorModules.Module{constructor(){super(),elementorFrontend.elementsHandler.attachHandler("ehp-form",[()=>o.e(498).then(o.bind(o,4746)),()=>o.e(498).then(o.bind(o,4719))]),elementorFrontend.elementsHandler.attachHandler("subscribe",[()=>o.e(498).then(o.bind(o,4746)),()=>o.e(498).then(o.bind(o,4719))])}}window.addEventListener("elementor/frontend/init",(()=>{new i}))}();
  • hello-plus/trunk/build/js/helloplus-header-fe.asset.php

    r3238471 r3241372  
    1 <?php return array('dependencies' => array(), 'version' => '194eacffc4754b5d65e2');
     1<?php return array('dependencies' => array(), 'version' => 'db1eb694ddfab507d7b8');
  • hello-plus/trunk/build/js/helloplus-header-fe.js

    r3238471 r3241372  
    1 !function(){"use strict";var e,t,r={},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return r[e](i,i.exports,o),i.exports}o.m=r,o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce((function(t,r){return o.f[r](e,t),t}),[]))},o.u=function(e){return"js/ehp-header-fe.js?ver=03194be9b1bbd412cde7"},o.miniCssF=function(e){},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},e={},t="hello-plus:",o.l=function(r,n,i,u){if(e[r])e[r].push(n);else{var a,c;if(void 0!==i)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var d=l[s];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+i){a=d;break}}a||(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.setAttribute("data-webpack",t+i),a.src=r),e[r]=[n];var f=function(t,n){a.onerror=a.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(n)})),t)return t(n)},p=setTimeout(f.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=f.bind(null,a.onerror),a.onload=f.bind(null,a.onload),c&&document.head.appendChild(a)}},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e+"../"}(),function(){var e={159:0};o.f.j=function(t,r){var n=o.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var i=new Promise((function(r,o){n=e[t]=[r,o]}));r.push(n[2]=i);var u=o.p+o.u(t),a=new Error;o.l(u,(function(r){if(o.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed.\n("+i+": "+u+")",a.name="ChunkLoadError",a.type=i,a.request=u,n[1](a)}}),"chunk-"+t,t)}};var t=function(t,r){var n,i,u=r[0],a=r[1],c=r[2],l=0;if(u.some((function(t){return 0!==e[t]}))){for(n in a)o.o(a,n)&&(o.m[n]=a[n]);c&&c(o)}for(t&&t(r);l<u.length;l++)i=u[l],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0},r=self.webpackChunkhello_plus=self.webpackChunkhello_plus||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();class i extends elementorModules.Module{constructor(){super(),elementorFrontend.elementsHandler.attachHandler("ehp-header",[()=>o.e(802).then(o.bind(o,7682))])}}window.addEventListener("elementor/frontend/init",(()=>{new i}))}();
     1!function(){"use strict";var e,t,r={},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return r[e](i,i.exports,o),i.exports}o.m=r,o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce((function(t,r){return o.f[r](e,t),t}),[]))},o.u=function(e){return"js/ehp-header-fe.js?ver=587a7c59c20aec17ba14"},o.miniCssF=function(e){},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},e={},t="hello-plus:",o.l=function(r,n,i,u){if(e[r])e[r].push(n);else{var a,c;if(void 0!==i)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var f=l[s];if(f.getAttribute("src")==r||f.getAttribute("data-webpack")==t+i){a=f;break}}a||(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.setAttribute("data-webpack",t+i),a.src=r),e[r]=[n];var d=function(t,n){a.onerror=a.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(n)})),t)return t(n)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),c&&document.head.appendChild(a)}},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e+"../"}(),function(){var e={159:0};o.f.j=function(t,r){var n=o.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var i=new Promise((function(r,o){n=e[t]=[r,o]}));r.push(n[2]=i);var u=o.p+o.u(t),a=new Error;o.l(u,(function(r){if(o.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed.\n("+i+": "+u+")",a.name="ChunkLoadError",a.type=i,a.request=u,n[1](a)}}),"chunk-"+t,t)}};var t=function(t,r){var n,i,u=r[0],a=r[1],c=r[2],l=0;if(u.some((function(t){return 0!==e[t]}))){for(n in a)o.o(a,n)&&(o.m[n]=a[n]);c&&c(o)}for(t&&t(r);l<u.length;l++)i=u[l],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0},r=self.webpackChunkhello_plus=self.webpackChunkhello_plus||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();class i extends elementorModules.Module{constructor(){super(),elementorFrontend.elementsHandler.attachHandler("ehp-header",[()=>o.e(802).then(o.bind(o,7682))])}}window.addEventListener("elementor/frontend/init",(()=>{new i}))}();
  • hello-plus/trunk/build/js/helloplus-onboarding.asset.php

    r3231966 r3241372  
    1 <?php return array('dependencies' => array('react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-i18n'), 'version' => '2c8b85819ec933f317ec');
     1<?php return array('dependencies' => array('react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-i18n'), 'version' => '0888b2d5f606e23d453d');
  • hello-plus/trunk/build/js/helloplus-onboarding.js

    r3231966 r3241372  
    9999    `),ml))),vl=Ln("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,t)=>t.svg})({display:"block"}),bl=Ln("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.circle,t[`circle${Bo(r.variant)}`],r.disableShrink&&t.circleDisableShrink]}})((({ownerState:e,theme:t})=>(0,u.A)({stroke:"currentColor"},"determinate"===e.variant&&{transition:t.transitions.create("stroke-dashoffset")},"indeterminate"===e.variant&&{strokeDasharray:"80px, 200px",strokeDashoffset:0})),(({ownerState:e})=>"indeterminate"===e.variant&&!e.disableShrink&&(0,xi.AH)(pl||(pl=fl`
    100100      animation: ${0} 1.4s ease-in-out infinite;
    101     `),hl)));var yl=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiCircularProgress"}),{className:n,color:o="primary",disableShrink:a=!1,size:s=40,style:l,thickness:c=3.6,value:p=0,variant:m="indeterminate"}=r,h=(0,d.A)(r,ll),g=(0,u.A)({},r,{color:o,disableShrink:a,size:s,thickness:c,value:p,variant:m}),v=(e=>{const{classes:t,variant:r,color:n,disableShrink:o}=e;return Mn({root:["root",r,`color${Bo(n)}`],svg:["svg"],circle:["circle",`circle${Bo(r)}`,o&&"circleDisableShrink"]},sl,t)})(g),b={},y={},x={};if("determinate"===m){const e=2*Math.PI*((44-c)/2);b.strokeDasharray=e.toFixed(3),x["aria-valuenow"]=Math.round(p),b.strokeDashoffset=`${((100-p)/100*e).toFixed(3)}px`,y.transform="rotate(-90deg)"}return(0,i.jsx)(gl,(0,u.A)({className:f(v.root,n),style:(0,u.A)({width:s,height:s},y,l),ownerState:g,ref:t,role:"progressbar"},x,h,{children:(0,i.jsx)(vl,{className:v.svg,ownerState:g,viewBox:"22 22 44 44",children:(0,i.jsx)(bl,{className:v.circle,style:b,ownerState:g,cx:44,cy:44,r:(44-c)/2,fill:"none",strokeWidth:c})})}))}));const xl=t().forwardRef(((e,r)=>t().createElement(yl,{...e,ref:r})));var wl=()=>(0,i.jsx)(Be,{style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.8)",zIndex:1e3},children:(0,i.jsx)(xl,{})}),kl=e.createContext();function Sl(e){return Ie("MuiGrid",e)}const Cl=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12];var Al=Oe("MuiGrid",["root","container","item","zeroMinWidth",...[0,1,2,3,4,5,6,7,8,9,10].map((e=>`spacing-xs-${e}`)),...["column-reverse","column","row-reverse","row"].map((e=>`direction-xs-${e}`)),...["nowrap","wrap-reverse","wrap"].map((e=>`wrap-xs-${e}`)),...Cl.map((e=>`grid-xs-${e}`)),...Cl.map((e=>`grid-sm-${e}`)),...Cl.map((e=>`grid-md-${e}`)),...Cl.map((e=>`grid-lg-${e}`)),...Cl.map((e=>`grid-xl-${e}`))]);const Ml=["className","columns","columnSpacing","component","container","direction","item","rowSpacing","spacing","wrap","zeroMinWidth"];function Rl(e){const t=parseFloat(e);return`${t}${String(e).replace(String(t),"")||"px"}`}function $l({breakpoints:e,values:t}){let r="";Object.keys(t).forEach((e=>{""===r&&0!==t[e]&&(r=e)}));const n=Object.keys(e).sort(((t,r)=>e[t]-e[r]));return n.slice(0,n.indexOf(r))}const El=Ln("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e,{container:n,direction:o,item:a,spacing:i,wrap:s,zeroMinWidth:l,breakpoints:c}=r;let u=[];n&&(u=function(e,t,r={}){if(!e||e<=0)return[];if("string"==typeof e&&!Number.isNaN(Number(e))||"number"==typeof e)return[r[`spacing-xs-${String(e)}`]];const n=[];return t.forEach((t=>{const o=e[t];Number(o)>0&&n.push(r[`spacing-${t}-${String(o)}`])})),n}(i,c,t));const d=[];return c.forEach((e=>{const n=r[e];n&&d.push(t[`grid-${e}-${String(n)}`])})),[t.root,n&&t.container,a&&t.item,l&&t.zeroMinWidth,...u,"row"!==o&&t[`direction-xs-${String(o)}`],"wrap"!==s&&t[`wrap-xs-${String(s)}`],...d]}})((({ownerState:e})=>(0,u.A)({boxSizing:"border-box"},e.container&&{display:"flex",flexWrap:"wrap",width:"100%"},e.item&&{margin:0},e.zeroMinWidth&&{minWidth:0},"wrap"!==e.wrap&&{flexWrap:e.wrap})),(function({theme:e,ownerState:t}){const r=(0,Ao.kW)({values:t.direction,breakpoints:e.breakpoints.values});return(0,Ao.NI)({theme:e},r,(e=>{const t={flexDirection:e};return 0===e.indexOf("column")&&(t[`& > .${Al.item}`]={maxWidth:"none"}),t}))}),(function({theme:e,ownerState:t}){const{container:r,rowSpacing:n}=t;let o={};if(r&&0!==n){const t=(0,Ao.kW)({values:n,breakpoints:e.breakpoints.values});let r;"object"==typeof t&&(r=$l({breakpoints:e.breakpoints.values,values:t})),o=(0,Ao.NI)({theme:e},t,((t,n)=>{var o;const a=e.spacing(t);return"0px"!==a?{marginTop:`-${Rl(a)}`,[`& > .${Al.item}`]:{paddingTop:Rl(a)}}:null!=(o=r)&&o.includes(n)?{}:{marginTop:0,[`& > .${Al.item}`]:{paddingTop:0}}}))}return o}),(function({theme:e,ownerState:t}){const{container:r,columnSpacing:n}=t;let o={};if(r&&0!==n){const t=(0,Ao.kW)({values:n,breakpoints:e.breakpoints.values});let r;"object"==typeof t&&(r=$l({breakpoints:e.breakpoints.values,values:t})),o=(0,Ao.NI)({theme:e},t,((t,n)=>{var o;const a=e.spacing(t);return"0px"!==a?{width:`calc(100% + ${Rl(a)})`,marginLeft:`-${Rl(a)}`,[`& > .${Al.item}`]:{paddingLeft:Rl(a)}}:null!=(o=r)&&o.includes(n)?{}:{width:"100%",marginLeft:0,[`& > .${Al.item}`]:{paddingLeft:0}}}))}return o}),(function({theme:e,ownerState:t}){let r;return e.breakpoints.keys.reduce(((n,o)=>{let a={};if(t[o]&&(r=t[o]),!r)return n;if(!0===r)a={flexBasis:0,flexGrow:1,maxWidth:"100%"};else if("auto"===r)a={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"};else{const i=(0,Ao.kW)({values:t.columns,breakpoints:e.breakpoints.values}),s="object"==typeof i?i[o]:i;if(null==s)return n;const l=Math.round(r/s*1e8)/1e6+"%";let c={};if(t.container&&t.item&&0!==t.columnSpacing){const r=e.spacing(t.columnSpacing);if("0px"!==r){const e=`calc(${l} + ${Rl(r)})`;c={flexBasis:e,maxWidth:e}}}a=(0,u.A)({flexBasis:l,flexGrow:0,maxWidth:l},c)}return 0===e.breakpoints.values[o]?Object.assign(n,a):n[e.breakpoints.up(o)]=a,n}),{})}));var Il=e.forwardRef((function(t,r){const n=Wn({props:t,name:"MuiGrid"}),{breakpoints:o}=Jn(),a=(0,g.A)(n),{className:s,columns:l,columnSpacing:c,component:p="div",container:m=!1,direction:h="row",item:v=!1,rowSpacing:b,spacing:y=0,wrap:x="wrap",zeroMinWidth:w=!1}=a,k=(0,d.A)(a,Ml),S=b||y,C=c||y,A=e.useContext(kl),M=m?l||12:A,R={},$=(0,u.A)({},k);o.keys.forEach((e=>{null!=k[e]&&(R[e]=k[e],delete $[e])}));const E=(0,u.A)({},a,{columns:M,container:m,direction:h,item:v,rowSpacing:S,columnSpacing:C,wrap:x,zeroMinWidth:w,spacing:y},R,{breakpoints:o.keys}),I=(e=>{const{classes:t,container:r,direction:n,item:o,spacing:a,wrap:i,zeroMinWidth:s,breakpoints:l}=e;let c=[];r&&(c=function(e,t){if(!e||e<=0)return[];if("string"==typeof e&&!Number.isNaN(Number(e))||"number"==typeof e)return[`spacing-xs-${String(e)}`];const r=[];return t.forEach((t=>{const n=e[t];if(Number(n)>0){const e=`spacing-${t}-${String(n)}`;r.push(e)}})),r}(a,l));const u=[];return l.forEach((t=>{const r=e[t];r&&u.push(`grid-${t}-${String(r)}`)})),Mn({root:["root",r&&"container",o&&"item",s&&"zeroMinWidth",...c,"row"!==n&&`direction-xs-${String(n)}`,"wrap"!==i&&`wrap-xs-${String(i)}`,...u]},Sl,t)})(E);return(0,i.jsx)(kl.Provider,{value:M,children:(0,i.jsx)(El,(0,u.A)({ownerState:E,className:f(I.root,s),as:p,ref:r},$))})}));const Ol=t().forwardRef(((e,r)=>t().createElement(Il,{...e,ref:r}))),jl=["primary","global"],Tl=["primary","secondary","error","warning","info","success","accent","global","promotion"].filter((e=>!jl.includes(e)));function Pl(e,t){return e.map((e=>({props:{color:e,variant:"standard"},style:({theme:r})=>{const n=t(r,e),{mode:o}=r.palette;return{backgroundColor:n.backgroundColor[o],color:n.color[o],"&:hover,&:focus":{backgroundColor:n.backgroundColorHover[o]},"& .MuiChip-deleteIcon":{color:n.color[o],opacity:n.deleteIconOpacity,"&:hover,&:focus":{color:n.color[o],opacity:n.deleteIconOpacityHover}}}}})))}Pl(["default"],(function(e){return{backgroundColor:{light:De(e.palette.divider,.3),dark:Fe(e.palette.divider,.1)},backgroundColorHover:{light:e.palette.action.focus,dark:e.palette.action.focus},color:{light:e.palette.text.primary,dark:e.palette.text.primary},deleteIconOpacity:.26,deleteIconOpacityHover:.7}})),Pl(["primary","global"],(function(e,t){const r=e.palette[t];return{backgroundColor:{light:De(r.light,.8),dark:Fe(r.__unstableAccessibleMain,.8)},backgroundColorHover:{light:De(r.light,.6),dark:Fe(r.__unstableAccessibleMain,.9)},color:{light:Fe(r.__unstableAccessibleMain,.3),dark:De(r.light,.3)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),Pl(Tl,(function(e,t){return{backgroundColor:{light:De(e.palette[t].light,.9),dark:Fe(e.palette[t].light,.8)},backgroundColorHover:{light:De(e.palette[t].light,.8),dark:Fe(e.palette[t].light,.9)},color:{light:Fe(e.palette[t].main,.3),dark:De(e.palette[t].main,.5)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),t().createContext(!1),(0,Jt.A)({key:"eui-rtl",stylisPlugins:[er,qt]});We("#524CFF",.08),(0,e.createContext)(null);const{slots:Bl,classNames:_l}=(e=>{const t={},r={};return["root"].forEach((n=>{r[n]=`Mui${e}-${n}`,t[n]={slot:n,name:`Mui${e}`}})),{slots:t,classNames:r}})("Image"),zl=Ln("img",Bl.root)((({theme:e,ownerState:t})=>{const{variant:r="square"}=t;return{borderRadius:{square:void 0,rounded:e.shape.borderRadius,circle:"50%"}[r]}})),Ll=t().forwardRef(((e,r)=>{const n=Wn({props:e,name:Bl.root.name});return t().createElement(zl,{...n,ref:r,className:f([[_l.root,n.className]]),ownerState:n})}));Ll.defaultProps={variant:"square"};const Nl=e.forwardRef(((t,r)=>e.createElement(Fo,{viewBox:"0 0 24 24",...t,ref:r},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.86829 12C5.41108 16.2677 8.46131 18.25 12 18.25C15.5387 18.25 18.5889 16.2677 21.1317 12C18.5889 7.73232 15.5387 5.75 12 5.75C8.46131 5.75 5.41108 7.73232 2.86829 12ZM1.34883 11.6279C4.09715 6.81857 7.63999 4.25 12 4.25C16.36 4.25 19.9028 6.81857 22.6512 11.6279C22.7829 11.8585 22.7829 12.1415 22.6512 12.3721C19.9028 17.1814 16.36 19.75 12 19.75C7.63999 19.75 4.09715 17.1814 1.34883 12.3721C1.21706 12.1415 1.21706 11.8585 1.34883 11.6279ZM12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75ZM9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75C10.4812 14.75 9.25 13.5188 9.25 12Z"})))),Wl=({title:e,thumbnail:t,onClick:r})=>(0,i.jsxs)(Po,{direction:"column",children:[(0,i.jsx)(qo,{variant:"body2",sx:{height:45,color:"text.secondary"},children:e}),(0,i.jsxs)(Be,{sx:{position:"relative",cursor:"pointer",boxShadow:3,display:"flex",aspectRatio:"1",overflow:"hidden"},children:[(0,i.jsx)(Ll,{src:t,alt:e,sx:{borderRadius:1,width:"100%",height:"auto",objectFit:"cover"}}),(0,i.jsxs)(Be,{sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",color:"white",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",opacity:0,transition:"opacity 0.3s","&:hover":{opacity:1}},onClick:r,children:[(0,i.jsx)(Nl,{sx:{mr:1}}),(0,i.jsx)(qo,{variant:"body2",sx:{color:"text.primary"},children:(0,a.__)("View Demo","hello-plus")})]})]})]}),Fl=({message:e,kits:t=[],setPreviewKit:r,severity:n})=>{let o=3;return 0!=t.length%4&&0==t.length%3&&(o=4),(0,i.jsx)(Po,{direction:"column",alignItems:"center",pb:4,sx:{overflowY:"auto"},children:(0,i.jsxs)(Po,{sx:{maxWidth:900},alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(Va,{}),(0,i.jsxs)(Po,{alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(qo,{variant:"h4",align:"center",px:2,sx:{color:"text.primary"},children:(0,a.__)("Choose your website template kit","hello-plus")}),(0,i.jsx)(qo,{variant:"body1",align:"center",px:2,color:"text.secondary",children:(0,a.__)("Explore our versatile website kits to find one that fits your style or project.","hello-plus")}),e&&(0,i.jsx)(As,{severity:n,children:e}),(0,i.jsx)(Ol,{container:!0,rowSpacing:3,columnSpacing:5,children:t.map((e=>(0,i.jsx)(Ol,{item:!0,xs:12,sm:6,md:o,children:(0,i.jsx)(Wl,{...e,onClick:()=>{r(e)}})},e._id)))})]})]})})},Dl=({modalCloseRedirectUrl:e})=>(0,i.jsx)(Po,{direction:"column",alignItems:"center",justifyContent:"center",children:(0,i.jsxs)(Po,{sx:{maxWidth:662},alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(Va,{}),(0,i.jsxs)(Po,{alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(qo,{variant:"h4",align:"center",px:2,sx:{color:"text.primary"},children:(0,a.__)("Congratulations, you’ve created your website!","hello-plus")}),(0,i.jsx)(qo,{variant:"body1",align:"center",px:2,color:"text.secondary",children:(0,a.__)("It’s time to make it yours—add your content, style, and personal touch.","hello-plus")}),(0,i.jsxs)(Po,{direction:"row",gap:1,mt:5,children:[(0,i.jsx)(Us,{variant:"outlined",color:"secondary",onClick:()=>{window.location.href="/"},children:(0,a.__)("View my site","hello-plus")}),(0,i.jsx)(Us,{variant:"contained",color:"primary",onClick:()=>{window.location.href=e},children:(0,a.__)("Customize my site","hello-plus")})]})]})]})});let Hl=0;const Vl=e["useId".toString()];function Gl(e){return Ie("MuiDialog",e)}var Kl=Oe("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),Ul=e.createContext({});const Xl=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],Zl=Ln(so,{name:"MuiDialog",slot:"Backdrop",overrides:(e,t)=>t.backdrop})({zIndex:-1}),Yl=Ln(fo,{name:"MuiDialog",slot:"Root",overridesResolver:(e,t)=>t.root})({"@media print":{position:"absolute !important"}}),ql=Ln("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.container,t[`scroll${Bo(r.scroll)}`]]}})((({ownerState:e})=>(0,u.A)({height:"100%","@media print":{height:"auto"},outline:0},"paper"===e.scroll&&{display:"flex",justifyContent:"center",alignItems:"center"},"body"===e.scroll&&{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}))),Jl=Ln(Qa,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.paper,t[`scrollPaper${Bo(r.scroll)}`],t[`paperWidth${Bo(String(r.maxWidth))}`],r.fullWidth&&t.paperFullWidth,r.fullScreen&&t.paperFullScreen]}})((({theme:e,ownerState:t})=>(0,u.A)({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},"paper"===t.scroll&&{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},"body"===t.scroll&&{display:"inline-block",verticalAlign:"middle",textAlign:"left"},!t.maxWidth&&{maxWidth:"calc(100% - 64px)"},"xs"===t.maxWidth&&{maxWidth:"px"===e.breakpoints.unit?Math.max(e.breakpoints.values.xs,444):`max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,[`&.${Kl.paperScrollBody}`]:{[e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64)]:{maxWidth:"calc(100% - 64px)"}}},t.maxWidth&&"xs"!==t.maxWidth&&{maxWidth:`${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`,[`&.${Kl.paperScrollBody}`]:{[e.breakpoints.down(e.breakpoints.values[t.maxWidth]+64)]:{maxWidth:"calc(100% - 64px)"}}},t.fullWidth&&{width:"calc(100% - 64px)"},t.fullScreen&&{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${Kl.paperScrollBody}`]:{margin:0,maxWidth:"100%"}})));var Ql=e.forwardRef((function(t,r){const n=Wn({props:t,name:"MuiDialog"}),o=Jn(),a={enter:o.transitions.duration.enteringScreen,exit:o.transitions.duration.leavingScreen},{"aria-describedby":s,"aria-labelledby":l,BackdropComponent:c,BackdropProps:p,children:m,className:h,disableEscapeKeyDown:g=!1,fullScreen:v=!1,fullWidth:b=!1,maxWidth:y="sm",onBackdropClick:x,onClick:w,onClose:k,open:S,PaperComponent:C=Qa,PaperProps:A={},scroll:M="paper",TransitionComponent:R=no,transitionDuration:$=a,TransitionProps:E}=n,I=(0,d.A)(n,Xl),O=(0,u.A)({},n,{disableEscapeKeyDown:g,fullScreen:v,fullWidth:b,maxWidth:y,scroll:M}),j=(e=>{const{classes:t,scroll:r,maxWidth:n,fullWidth:o,fullScreen:a}=e;return Mn({root:["root"],container:["container",`scroll${Bo(r)}`],paper:["paper",`paperScroll${Bo(r)}`,`paperWidth${Bo(String(n))}`,o&&"paperFullWidth",a&&"paperFullScreen"]},Gl,t)})(O),T=e.useRef(),P=function(t){if(void 0!==Vl){const e=Vl();return null!=t?t:e}return function(t){const[r,n]=e.useState(t),o=t||r;return e.useEffect((()=>{null==r&&(Hl+=1,n(`mui-${Hl}`))}),[r]),o}(t)}(l),B=e.useMemo((()=>({titleId:P})),[P]);return(0,i.jsx)(Yl,(0,u.A)({className:f(j.root,h),closeAfterTransition:!0,components:{Backdrop:Zl},componentsProps:{backdrop:(0,u.A)({transitionDuration:$,as:c},p)},disableEscapeKeyDown:g,onClose:k,open:S,ref:r,onClick:e=>{w&&w(e),T.current&&(T.current=null,x&&x(e),k&&k(e,"backdropClick"))},ownerState:O},I,{children:(0,i.jsx)(R,(0,u.A)({appear:!0,in:S,timeout:$,role:"presentation"},E,{children:(0,i.jsx)(ql,{className:f(j.container),onMouseDown:e=>{T.current=e.target===e.currentTarget},ownerState:O,children:(0,i.jsx)(Jl,(0,u.A)({as:C,elevation:24,role:"dialog","aria-describedby":s,"aria-labelledby":P},A,{className:f(j.paper,A.className),ownerState:O,children:(0,i.jsx)(Ul.Provider,{value:B,children:m})}))})}))}))}));const ec=t().forwardRef(((e,r)=>t().createElement(Ql,{...e,ref:r})));function tc(e){return Ie("MuiDialogActions",e)}Oe("MuiDialogActions",["root","spacing"]);const rc=["className","disableSpacing"],nc=Ln("div",{name:"MuiDialogActions",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,!r.disableSpacing&&t.spacing]}})((({ownerState:e})=>(0,u.A)({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},!e.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})));var oc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiDialogActions"}),{className:n,disableSpacing:o=!1}=r,a=(0,d.A)(r,rc),s=(0,u.A)({},r,{disableSpacing:o}),l=(e=>{const{classes:t,disableSpacing:r}=e;return Mn({root:["root",!r&&"spacing"]},tc,t)})(s);return(0,i.jsx)(nc,(0,u.A)({className:f(l.root,n),ownerState:s,ref:t},a))}));const ac=t().forwardRef(((e,r)=>t().createElement(oc,{...e,ref:r})));function ic(e){return Ie("MuiDialogContent",e)}function sc(e){return Ie("MuiDialogTitle",e)}Oe("MuiDialogContent",["root","dividers"]);var lc=Oe("MuiDialogTitle",["root"]);const cc=["className","dividers"],uc=Ln("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.dividers&&t.dividers]}})((({theme:e,ownerState:t})=>(0,u.A)({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px"},t.dividers?{padding:"16px 24px",borderTop:`1px solid ${(e.vars||e).palette.divider}`,borderBottom:`1px solid ${(e.vars||e).palette.divider}`}:{[`.${lc.root} + &`]:{paddingTop:0}})));var dc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiDialogContent"}),{className:n,dividers:o=!1}=r,a=(0,d.A)(r,cc),s=(0,u.A)({},r,{dividers:o}),l=(e=>{const{classes:t,dividers:r}=e;return Mn({root:["root",r&&"dividers"]},ic,t)})(s);return(0,i.jsx)(uc,(0,u.A)({className:f(l.root,n),ownerState:s,ref:t},a))}));const pc=t().forwardRef(((e,r)=>t().createElement(dc,{...e,ref:r})));function fc(e){return Ie("MuiDialogContentText",e)}Oe("MuiDialogContentText",["root"]);const mc=["children","className"],hc=Ln(Yo,{shouldForwardProp:e=>zn(e)||"classes"===e,name:"MuiDialogContentText",slot:"Root",overridesResolver:(e,t)=>t.root})({});var gc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiDialogContentText"}),{className:n}=r,o=(0,d.A)(r,mc),a=(e=>{const{classes:t}=e,r=Mn({root:["root"]},fc,t);return(0,u.A)({},t,r)})(o);return(0,i.jsx)(hc,(0,u.A)({component:"p",variant:"body1",color:"text.secondary",ref:t,ownerState:o,className:f(a.root,n)},r,{classes:a}))}));const vc=t().forwardRef(((e,r)=>t().createElement(gc,{...e,ref:r})));function bc(e){return Ie("MuiAppBar",e)}Oe("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const yc=["className","color","enableColorOnDark","position"],xc=(e,t)=>e?`${null==e?void 0:e.replace(")","")}, ${t})`:t,wc=Ln(Qa,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[`position${Bo(r.position)}`],t[`color${Bo(r.color)}`]]}})((({theme:e,ownerState:t})=>{const r="light"===e.palette.mode?e.palette.grey[100]:e.palette.grey[900];return(0,u.A)({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0},"fixed"===t.position&&{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}},"absolute"===t.position&&{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},"sticky"===t.position&&{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},"static"===t.position&&{position:"static"},"relative"===t.position&&{position:"relative"},!e.vars&&(0,u.A)({},"default"===t.color&&{backgroundColor:r,color:e.palette.getContrastText(r)},t.color&&"default"!==t.color&&"inherit"!==t.color&&"transparent"!==t.color&&{backgroundColor:e.palette[t.color].main,color:e.palette[t.color].contrastText},"inherit"===t.color&&{color:"inherit"},"dark"===e.palette.mode&&!t.enableColorOnDark&&{backgroundColor:null,color:null},"transparent"===t.color&&(0,u.A)({backgroundColor:"transparent",color:"inherit"},"dark"===e.palette.mode&&{backgroundImage:"none"})),e.vars&&(0,u.A)({},"default"===t.color&&{"--AppBar-background":t.enableColorOnDark?e.vars.palette.AppBar.defaultBg:xc(e.vars.palette.AppBar.darkBg,e.vars.palette.AppBar.defaultBg),"--AppBar-color":t.enableColorOnDark?e.vars.palette.text.primary:xc(e.vars.palette.AppBar.darkColor,e.vars.palette.text.primary)},t.color&&!t.color.match(/^(default|inherit|transparent)$/)&&{"--AppBar-background":t.enableColorOnDark?e.vars.palette[t.color].main:xc(e.vars.palette.AppBar.darkBg,e.vars.palette[t.color].main),"--AppBar-color":t.enableColorOnDark?e.vars.palette[t.color].contrastText:xc(e.vars.palette.AppBar.darkColor,e.vars.palette[t.color].contrastText)},{backgroundColor:"var(--AppBar-background)",color:"inherit"===t.color?"inherit":"var(--AppBar-color)"},"transparent"===t.color&&{backgroundImage:"none",backgroundColor:"transparent",color:"inherit"}))}));var kc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiAppBar"}),{className:n,color:o="primary",enableColorOnDark:a=!1,position:s="fixed"}=r,l=(0,d.A)(r,yc),c=(0,u.A)({},r,{color:o,position:s,enableColorOnDark:a}),p=(e=>{const{color:t,position:r,classes:n}=e;return Mn({root:["root",`color${Bo(t)}`,`position${Bo(r)}`]},bc,n)})(c);return(0,i.jsx)(wc,(0,u.A)({square:!0,component:"header",ownerState:c,elevation:4,className:f(p.root,n,"fixed"===s&&"mui-fixed"),ref:t},l))}));function Sc(e){return Ie("MuiToolbar",e)}Oe("MuiToolbar",["root","gutters","regular","dense"]);const Cc=["className","component","disableGutters","variant"],Ac=Ln("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,!r.disableGutters&&t.gutters,t[r.variant]]}})((({theme:e,ownerState:t})=>(0,u.A)({position:"relative",display:"flex",alignItems:"center"},!t.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}},"dense"===t.variant&&{minHeight:48})),(({theme:e,ownerState:t})=>"regular"===t.variant&&e.mixins.toolbar));var Mc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiToolbar"}),{className:n,component:o="div",disableGutters:a=!1,variant:s="regular"}=r,l=(0,d.A)(r,Cc),c=(0,u.A)({},r,{component:o,disableGutters:a,variant:s}),p=(e=>{const{classes:t,disableGutters:r,variant:n}=e;return Mn({root:["root",!r&&"gutters",n]},Sc,t)})(c);return(0,i.jsx)(Ac,(0,u.A)({as:o,className:f(p.root,n),ref:t,ownerState:c},l))}));const Rc=t().forwardRef(((e,r)=>t().createElement(kc,{...e,ref:r}))),$c=t().forwardRef(((e,r)=>t().createElement(Mc,{...e,ref:r}))),Ec=t().forwardRef(((e,r)=>t().createElement(Wo,{...e,ref:r}))),Ic=t().forwardRef(((e,r)=>t().createElement(To,{...e,ref:r}))),Oc=["primary","global"],jc=(e="default")=>"inherit"===e?"inherit":"default"===e?"action.active":Oc.includes(e)?`${e}.__unstableAccessibleMain`:`${e}.main`,Tc=t().forwardRef(((e,r)=>{const{sx:n={},color:o}=e,a=e.href?"&:hover,&:focus,&:active,&:visited":"&:hover,&:focus,&:active",i={[a]:{color:jc(o)}};return t().createElement(Hi,{...e,sx:{...i,...n},ref:r})})),Pc=["primary","global"],Bc=["primary","secondary","error","warning","info","success","accent","global","promotion"].filter((e=>!Pc.includes(e)));function _c(e,t){return e.map((e=>({props:{color:e,variant:"standard"},style:({theme:r})=>{const n=t(r,e),{mode:o}=r.palette;return{backgroundColor:n.backgroundColor[o],color:n.color[o],"&:hover,&:focus":{backgroundColor:n.backgroundColorHover[o]},"& .MuiChip-deleteIcon":{color:n.color[o],opacity:n.deleteIconOpacity,"&:hover,&:focus":{color:n.color[o],opacity:n.deleteIconOpacityHover}}}}})))}_c(["default"],(function(e){return{backgroundColor:{light:De(e.palette.divider,.3),dark:Fe(e.palette.divider,.1)},backgroundColorHover:{light:e.palette.action.focus,dark:e.palette.action.focus},color:{light:e.palette.text.primary,dark:e.palette.text.primary},deleteIconOpacity:.26,deleteIconOpacityHover:.7}})),_c(["primary","global"],(function(e,t){const r=e.palette[t];return{backgroundColor:{light:De(r.light,.8),dark:Fe(r.__unstableAccessibleMain,.8)},backgroundColorHover:{light:De(r.light,.6),dark:Fe(r.__unstableAccessibleMain,.9)},color:{light:Fe(r.__unstableAccessibleMain,.3),dark:De(r.light,.3)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),_c(Bc,(function(e,t){return{backgroundColor:{light:De(e.palette[t].light,.9),dark:Fe(e.palette[t].light,.8)},backgroundColorHover:{light:De(e.palette[t].light,.8),dark:Fe(e.palette[t].light,.9)},color:{light:Fe(e.palette[t].main,.3),dark:De(e.palette[t].main,.5)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),t().createContext(!1),(0,Jt.A)({key:"eui-rtl",stylisPlugins:[er,qt]});We("#524CFF",.08),(0,e.createContext)(null);const zc=(e,t)=>{const r={},n={};return t.forEach((t=>{n[t]=`Mui${e}-${t}`,r[t]={slot:t,name:`Mui${e}`}})),{slots:r,classNames:n}},Lc=t().forwardRef(((e,r)=>t().createElement(Ec,{viewBox:"0 0 24 24",...e,ref:r},t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967Z"}),t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z"})))),{slots:Nc,classNames:Wc}=zc("CloseButton",["root","icon"]),Fc=Ln(Tc,Nc.root)({}),Dc=Ln(Lc,Nc.icon)({}),Hc=t().forwardRef(((e,r)=>{const n=Wn({props:e,name:Nc.root.name}),{slotProps:o={},...a}=n;return t().createElement(Fc,{...a,size:"small",ref:r,className:f([[Wc.root,a.className]]),ownerState:n},t().createElement(Dc,{...o.icon,className:f([Wc.icon,o.icon?.className]),ownerState:n}))}));Hc.defaultProps={"aria-label":"close",color:"default"};const Vc=Ln((e=>t().createElement(Ec,{viewBox:"0 0 32 32",...e},t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.69648 24.8891C0.938383 22.2579 0 19.1645 0 16C0 11.7566 1.68571 7.68687 4.68629 4.68629C7.68687 1.68571 11.7566 0 16 0C19.1645 0 22.2579 0.938383 24.8891 2.69648C27.5203 4.45459 29.5711 6.95344 30.7821 9.87706C31.9931 12.8007 32.3099 16.0177 31.6926 19.1214C31.0752 22.2251 29.5514 25.0761 27.3137 27.3137C25.0761 29.5514 22.2251 31.0752 19.1214 31.6926C16.0177 32.3099 12.8007 31.9931 9.87706 30.7821C6.95344 29.5711 4.45459 27.5203 2.69648 24.8891ZM12.0006 9.33281H9.33437V22.6665H12.0006V9.33281ZM22.6657 9.33281H14.6669V11.9991H22.6657V9.33281ZM22.6657 14.6654H14.6669V17.3316H22.6657V14.6654ZM22.6657 20.0003H14.6669V22.6665H22.6657V20.0003Z"}))))((({theme:e})=>({width:e.spacing(3),height:e.spacing(3),"& path":{fill:e.palette.text.primary},marginRight:e.spacing(1)}))),Gc=Ln("span")((({theme:e})=>({marginRight:e.spacing(1)}))),Kc=({logo:e,...r})=>!1===e?null:e?t().createElement(Gc,null,e):t().createElement(Vc,{...r}),{slots:Uc,classNames:Xc}=zc("DialogHeader",["root","logo","toolbar"]),Zc=Ln(Rc,Uc.root)({"& .MuiDialogTitle-root":{padding:0}}),Yc=Ln($c,Uc.toolbar)({}),qc=t().forwardRef(((e,r)=>{const n=Wn({props:e,name:Uc.root.name}),{slotProps:o={},logo:a,onClose:i,...s}=n;return t().createElement(Zc,{...s,ref:r,className:f([[Xc.root,s.className]]),ownerState:n},t().createElement(Yc,{variant:"dense",...o.toolbar,className:f([Xc.toolbar,o.toolbar?.className]),ownerState:n},t().createElement(Kc,{logo:a,className:f([Xc.logo,o.logo?.className])}),t().createElement(Ic,{direction:"row",alignItems:"center",flex:1},n.children),i&&t().createElement(Hc,{edge:"end",onClick:i,sx:{"&.MuiButtonBase-root":{ml:.5}}})))}));qc.defaultProps={color:"transparent",position:"relative"};const Jc=["className","id"],Qc=Ln(Yo,{name:"MuiDialogTitle",slot:"Root",overridesResolver:(e,t)=>t.root})({padding:"16px 24px",flex:"0 0 auto"});var eu=e.forwardRef((function(t,r){const n=Wn({props:t,name:"MuiDialogTitle"}),{className:o,id:a}=n,s=(0,d.A)(n,Jc),l=n,c=(e=>{const{classes:t}=e;return Mn({root:["root"]},sc,t)})(l),{titleId:p=a}=e.useContext(Ul);return(0,i.jsx)(Qc,(0,u.A)({component:"h2",className:f(c.root,o),ownerState:l,ref:r,variant:"h6",id:null!=a?a:p},s))}));const tu=t().forwardRef(((e,r)=>t().createElement(eu,{...e,ref:r})));tu.defaultProps={variant:"subtitle1"};const ru=({onClose:e,approveButtonText:t,approveButtonOnClick:r,approveButtonUrl:n,title:o,text:s,isLoading:l})=>(0,i.jsxs)(ec,{open:!0,onClose:e,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",sx:{zIndex:100001},children:[(0,i.jsx)(qc,{onClose:()=>e(),children:(0,i.jsx)(tu,{children:(0,i.jsx)(qo,{sx:{color:"text.secondary"},children:o})})}),(0,i.jsx)(pc,{children:(0,i.jsx)(vc,{id:"alert-dialog-description",children:s})}),(0,i.jsxs)(ac,{children:[(0,i.jsx)(Us,{onClick:e,color:"secondary",children:(0,a.__)("Cancel","hello-plus")}),(0,i.jsx)(Us,{disabled:l,target:"_blank",rel:"opener",href:n,onClick:r,variant:"contained",children:l?(0,a.__)("Processing…","hello-plus"):t})]})]});function nu({onClose:t,onSuccess:r,connectUrl:n}){return(0,e.useEffect)((()=>(elementorCommon.elements.$window.on("elementor/connect/success/cb1",r),()=>{elementorCommon.elements.$window.off("elementor/connect/success/cb1",r)})),[r]),(0,i.jsx)(ru,{title:(0,a.__)("Connect to Template Library","hello-plus"),text:(0,a.__)("Access this template and our entire library by creating a free personal account","hello-plus"),approveButtonText:(0,a.__)("Get Started","hello-plus"),approveButtonUrl:n,approveButtonOnClick:()=>{},approveButtonColor:"primary",dismissButtonText:(0,a.__)("Cancel","hello-plus"),dismissButtonOnClick:()=>t(),onClose:()=>t()})}const ou=({title:e,startImportProcess:t,onClose:r,isLoading:n})=>(0,i.jsx)(ru,{title:(0,a.__)("Apply %s?","hello-plus").replace("%s",e),text:(0,a.__)("By applying the kit, you'll override any styles, settings or content already on your site.","hello-plus"),approveButtonText:(0,a.__)("Apply All","hello-plus"),approveButtonColor:"primary",approveButtonOnClick:()=>t(!0),onClose:r,isLoading:n}),au=e.forwardRef(((t,r)=>e.createElement(Fo,{viewBox:"0 0 24 24",...t,ref:r},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.46967 7.46967C9.17678 7.76256 9.17678 8.23744 9.46967 8.53033L12.9393 12L9.46967 15.4697C9.17678 15.7626 9.17678 16.2374 9.46967 16.5303C9.76256 16.8232 10.2374 16.8232 10.5303 16.5303L14.5303 12.5303C14.8232 12.2374 14.8232 11.7626 14.5303 11.4697L10.5303 7.46967C10.2374 7.17678 9.76256 7.17678 9.46967 7.46967Z"})))),iu=({onClickBack:e,onClickLeftButton:t,onClickRightButton:r,overview:n})=>(0,i.jsxs)(Po,{direction:"row",sx:{alignItems:"center",height:50,px:2,backgroundColor:"background.default",justifyContent:"space-between",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},children:[(0,i.jsxs)(Po,{direction:"row",spacing:1,alignItems:"center",sx:{borderRight:"1px solid rgba(0, 0, 0, 0.12)",width:"fit-content",p:2,cursor:"pointer"},onClick:e,children:[(0,i.jsx)(au,{sx:{transform:"rotate(180deg)"},color:"action"}),(0,i.jsx)(qo,{variant:"subtitle1",color:"action",sx:{color:"text.secondary"},children:(0,a.__)("Back to Wizard","hello-plus")})]}),(0,i.jsxs)(Po,{direction:"row",gap:1,children:[(0,i.jsx)(Us,{variant:"outlined",color:"secondary",onClick:t,children:n?(0,a.__)("View Demo","hello-plus"):(0,a.__)("Overview","hello-plus")}),(0,i.jsx)(Us,{variant:"contained",color:"primary",onClick:r,children:(0,a.__)("Apply Kit","hello-plus")})]})]}),su=({title:e,description:t,setIsLoading:r,setPreviewUrl:n,setIsOverview:o,pages:s,kit:l})=>(0,i.jsxs)(Po,{direction:"row",children:[(0,i.jsxs)(Po,{sx:{flex:"0 0 30%",maxWidth:"17rem",padding:3,gap:2,overflowY:"auto",borderRight:"1px solid rgba(0, 0, 0, 0.12)"},children:[(0,i.jsx)(qo,{variant:"h6",sx:{color:"text.primary"},children:e}),(0,i.jsx)(Ll,{src:l.thumbnail,alt:l.title,sx:{borderRadius:1,width:"100%",height:"auto",mb:3}}),(0,i.jsx)(qo,{variant:"body1",sx:{color:"text.secondary"},children:t})]}),(0,i.jsx)(Be,{sx:{flex:"1",padding:3},children:s.length&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(qo,{variant:"h6",sx:{mb:2,color:"text.primary"},children:(0,a.__)("Pages","hello-plus")}),(0,i.jsx)(Ol,{container:!0,rowSpacing:3,columnSpacing:5,children:s.map((([e,t])=>(0,i.jsx)(Ol,{item:!0,xs:12,sm:6,md:2,children:(0,i.jsx)(Wl,{...t,onClick:()=>{r(!0),n(t.url),o(!1)}})},e)))})]})})]}),lu=({kit:t,setPreviewKit:r})=>{const[n,a]=(0,e.useState)(!0),[s,l]=(0,e.useState)(!1),[c,u]=(0,e.useState)(!1),[d,p]=(0,e.useState)(!1),{onboardingSettings:{applyKitBaseUrl:f,returnUrl:m},elementorKitSettings:h}=sn(),{manifest:{site:g="",name:v,description:b,content:{page:y={}}},title:x}=t,[w,k]=(0,e.useState)(g),S=Object.entries(y),{library_connect_url:C,is_library_connected:A}=h;return(0,e.useEffect)((()=>{a(!0)}),[g]),(0,i.jsxs)(i.Fragment,{children:[s&&(0,i.jsx)(nu,{onClose:()=>l(!1),onSuccess:()=>{l(!1),u(!0)},onError:e=>setError({message:e}),connectUrl:C.replace("%%page%%",v)+"&mode=popup&callback_id=cb1"}),c&&(0,i.jsx)(ou,{isLoading:n,title:x,startImportProcess:async()=>{try{a(!0);const e=await o()({path:"/elementor/v1/kits/download-link/"+t._id}),r=`/import/process?id=${t._id}&file_url=${encodeURIComponent(e.data.download_link)}&return_to=${encodeURIComponent(m)}&nonce=${e.meta.nonce}&referrer=kit-library&action_type=apply-all`;window.location.href=`${f}#${r}`}catch(e){console.log(e,"error")}finally{a(!1)}},onClose:()=>u(!1)}),(0,i.jsx)(iu,{onClickBack:()=>r(null),onClickRightButton:()=>{A?u(!0):l(!0)},overview:d,onClickLeftButton:()=>{p(!d)}}),(0,i.jsxs)(Be,{sx:{position:"relative",width:"100%",height:"100%"},children:[n&&(0,i.jsx)(wl,{}),!d&&(0,i.jsx)("iframe",{src:w,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none"},title:x,onLoad:()=>a(!1)}),d&&(0,i.jsx)(su,{setIsOverview:p,setIsLoading:a,setPreviewUrl:k,title:x,description:b,pages:S,kit:t})]})]})},cu=()=>{const[t,r]=(0,e.useState)(""),[n,o]=(0,e.useState)("info"),[s,l]=(0,e.useState)(null),{isLoading:c,setIsLoading:u,stepAction:d,buttonText:p,step:f,onboardingSettings:{nonce:m,modalCloseRedirectUrl:h,kits:g}={}}=sn(),v=(0,e.useCallback)((async()=>{r("");const e={step:d,_wpnonce:m,slug:"elementor"};u(!0);try{switch(d){case"install-elementor":const t=await wp.ajax.post("helloplus_setup_wizard",e);if(t.activateUrl){if(!(await fetch(t.activateUrl)).ok)throw new Error((0,a.__)("Failed to activate Elementor plugin","hello-plus"));window.location.reload()}break;case"activate-elementor":await wp.ajax.post("helloplus_setup_wizard",e),window.location.reload()}}catch(e){r(e.errorMessage),o("error")}finally{u(!1)}}),[m,u,d]);return(0,i.jsx)(an,{colorScheme:"auto",children:(0,i.jsx)(mo,{open:!0,sx:{zIndex:1e5},children:(0,i.jsxs)(Be,{sx:{backgroundColor:"background.default",position:"fixed",top:0,left:0,width:"100%",height:"100%",boxShadow:24,display:"flex",flexDirection:"column"},children:[!s&&(0,i.jsx)(Qo,{onClose:()=>{window.location.href=h},sx:{borderBottom:"1px solid var(--divider-divider, rgba(0, 0, 0, 0.12))",mb:4},iconSize:"small"}),0===f&&!c&&!s&&(0,i.jsx)(il,{severity:n,message:t,buttonText:p,onClick:v}),1===f&&!c&&!s&&(0,i.jsx)(Fl,{setPreviewKit:l,severity:n,message:t,onClick:v,kits:g}),2===f&&!c&&!s&&(0,i.jsx)(Dl,{modalCloseRedirectUrl:h}),s&&(0,i.jsx)(lu,{kit:s,setPreviewKit:l}),c&&(0,i.jsx)(wl,{})]})})})},uu=()=>(0,i.jsx)(l,{children:(0,i.jsx)(cu,{})});document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("ehp-admin-onboarding");e&&(0,c.H)(e).render((0,i.jsx)(uu,{}))}))}()}();
     101    `),hl)));var yl=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiCircularProgress"}),{className:n,color:o="primary",disableShrink:a=!1,size:s=40,style:l,thickness:c=3.6,value:p=0,variant:m="indeterminate"}=r,h=(0,d.A)(r,ll),g=(0,u.A)({},r,{color:o,disableShrink:a,size:s,thickness:c,value:p,variant:m}),v=(e=>{const{classes:t,variant:r,color:n,disableShrink:o}=e;return Mn({root:["root",r,`color${Bo(n)}`],svg:["svg"],circle:["circle",`circle${Bo(r)}`,o&&"circleDisableShrink"]},sl,t)})(g),b={},y={},x={};if("determinate"===m){const e=2*Math.PI*((44-c)/2);b.strokeDasharray=e.toFixed(3),x["aria-valuenow"]=Math.round(p),b.strokeDashoffset=`${((100-p)/100*e).toFixed(3)}px`,y.transform="rotate(-90deg)"}return(0,i.jsx)(gl,(0,u.A)({className:f(v.root,n),style:(0,u.A)({width:s,height:s},y,l),ownerState:g,ref:t,role:"progressbar"},x,h,{children:(0,i.jsx)(vl,{className:v.svg,ownerState:g,viewBox:"22 22 44 44",children:(0,i.jsx)(bl,{className:v.circle,style:b,ownerState:g,cx:44,cy:44,r:(44-c)/2,fill:"none",strokeWidth:c})})}))}));const xl=t().forwardRef(((e,r)=>t().createElement(yl,{...e,ref:r})));var wl=()=>(0,i.jsx)(Be,{style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.8)",zIndex:1e3},children:(0,i.jsx)(xl,{})}),kl=e.createContext();function Sl(e){return Ie("MuiGrid",e)}const Cl=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12];var Al=Oe("MuiGrid",["root","container","item","zeroMinWidth",...[0,1,2,3,4,5,6,7,8,9,10].map((e=>`spacing-xs-${e}`)),...["column-reverse","column","row-reverse","row"].map((e=>`direction-xs-${e}`)),...["nowrap","wrap-reverse","wrap"].map((e=>`wrap-xs-${e}`)),...Cl.map((e=>`grid-xs-${e}`)),...Cl.map((e=>`grid-sm-${e}`)),...Cl.map((e=>`grid-md-${e}`)),...Cl.map((e=>`grid-lg-${e}`)),...Cl.map((e=>`grid-xl-${e}`))]);const Ml=["className","columns","columnSpacing","component","container","direction","item","rowSpacing","spacing","wrap","zeroMinWidth"];function Rl(e){const t=parseFloat(e);return`${t}${String(e).replace(String(t),"")||"px"}`}function $l({breakpoints:e,values:t}){let r="";Object.keys(t).forEach((e=>{""===r&&0!==t[e]&&(r=e)}));const n=Object.keys(e).sort(((t,r)=>e[t]-e[r]));return n.slice(0,n.indexOf(r))}const El=Ln("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e,{container:n,direction:o,item:a,spacing:i,wrap:s,zeroMinWidth:l,breakpoints:c}=r;let u=[];n&&(u=function(e,t,r={}){if(!e||e<=0)return[];if("string"==typeof e&&!Number.isNaN(Number(e))||"number"==typeof e)return[r[`spacing-xs-${String(e)}`]];const n=[];return t.forEach((t=>{const o=e[t];Number(o)>0&&n.push(r[`spacing-${t}-${String(o)}`])})),n}(i,c,t));const d=[];return c.forEach((e=>{const n=r[e];n&&d.push(t[`grid-${e}-${String(n)}`])})),[t.root,n&&t.container,a&&t.item,l&&t.zeroMinWidth,...u,"row"!==o&&t[`direction-xs-${String(o)}`],"wrap"!==s&&t[`wrap-xs-${String(s)}`],...d]}})((({ownerState:e})=>(0,u.A)({boxSizing:"border-box"},e.container&&{display:"flex",flexWrap:"wrap",width:"100%"},e.item&&{margin:0},e.zeroMinWidth&&{minWidth:0},"wrap"!==e.wrap&&{flexWrap:e.wrap})),(function({theme:e,ownerState:t}){const r=(0,Ao.kW)({values:t.direction,breakpoints:e.breakpoints.values});return(0,Ao.NI)({theme:e},r,(e=>{const t={flexDirection:e};return 0===e.indexOf("column")&&(t[`& > .${Al.item}`]={maxWidth:"none"}),t}))}),(function({theme:e,ownerState:t}){const{container:r,rowSpacing:n}=t;let o={};if(r&&0!==n){const t=(0,Ao.kW)({values:n,breakpoints:e.breakpoints.values});let r;"object"==typeof t&&(r=$l({breakpoints:e.breakpoints.values,values:t})),o=(0,Ao.NI)({theme:e},t,((t,n)=>{var o;const a=e.spacing(t);return"0px"!==a?{marginTop:`-${Rl(a)}`,[`& > .${Al.item}`]:{paddingTop:Rl(a)}}:null!=(o=r)&&o.includes(n)?{}:{marginTop:0,[`& > .${Al.item}`]:{paddingTop:0}}}))}return o}),(function({theme:e,ownerState:t}){const{container:r,columnSpacing:n}=t;let o={};if(r&&0!==n){const t=(0,Ao.kW)({values:n,breakpoints:e.breakpoints.values});let r;"object"==typeof t&&(r=$l({breakpoints:e.breakpoints.values,values:t})),o=(0,Ao.NI)({theme:e},t,((t,n)=>{var o;const a=e.spacing(t);return"0px"!==a?{width:`calc(100% + ${Rl(a)})`,marginLeft:`-${Rl(a)}`,[`& > .${Al.item}`]:{paddingLeft:Rl(a)}}:null!=(o=r)&&o.includes(n)?{}:{width:"100%",marginLeft:0,[`& > .${Al.item}`]:{paddingLeft:0}}}))}return o}),(function({theme:e,ownerState:t}){let r;return e.breakpoints.keys.reduce(((n,o)=>{let a={};if(t[o]&&(r=t[o]),!r)return n;if(!0===r)a={flexBasis:0,flexGrow:1,maxWidth:"100%"};else if("auto"===r)a={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"};else{const i=(0,Ao.kW)({values:t.columns,breakpoints:e.breakpoints.values}),s="object"==typeof i?i[o]:i;if(null==s)return n;const l=Math.round(r/s*1e8)/1e6+"%";let c={};if(t.container&&t.item&&0!==t.columnSpacing){const r=e.spacing(t.columnSpacing);if("0px"!==r){const e=`calc(${l} + ${Rl(r)})`;c={flexBasis:e,maxWidth:e}}}a=(0,u.A)({flexBasis:l,flexGrow:0,maxWidth:l},c)}return 0===e.breakpoints.values[o]?Object.assign(n,a):n[e.breakpoints.up(o)]=a,n}),{})}));var Il=e.forwardRef((function(t,r){const n=Wn({props:t,name:"MuiGrid"}),{breakpoints:o}=Jn(),a=(0,g.A)(n),{className:s,columns:l,columnSpacing:c,component:p="div",container:m=!1,direction:h="row",item:v=!1,rowSpacing:b,spacing:y=0,wrap:x="wrap",zeroMinWidth:w=!1}=a,k=(0,d.A)(a,Ml),S=b||y,C=c||y,A=e.useContext(kl),M=m?l||12:A,R={},$=(0,u.A)({},k);o.keys.forEach((e=>{null!=k[e]&&(R[e]=k[e],delete $[e])}));const E=(0,u.A)({},a,{columns:M,container:m,direction:h,item:v,rowSpacing:S,columnSpacing:C,wrap:x,zeroMinWidth:w,spacing:y},R,{breakpoints:o.keys}),I=(e=>{const{classes:t,container:r,direction:n,item:o,spacing:a,wrap:i,zeroMinWidth:s,breakpoints:l}=e;let c=[];r&&(c=function(e,t){if(!e||e<=0)return[];if("string"==typeof e&&!Number.isNaN(Number(e))||"number"==typeof e)return[`spacing-xs-${String(e)}`];const r=[];return t.forEach((t=>{const n=e[t];if(Number(n)>0){const e=`spacing-${t}-${String(n)}`;r.push(e)}})),r}(a,l));const u=[];return l.forEach((t=>{const r=e[t];r&&u.push(`grid-${t}-${String(r)}`)})),Mn({root:["root",r&&"container",o&&"item",s&&"zeroMinWidth",...c,"row"!==n&&`direction-xs-${String(n)}`,"wrap"!==i&&`wrap-xs-${String(i)}`,...u]},Sl,t)})(E);return(0,i.jsx)(kl.Provider,{value:M,children:(0,i.jsx)(El,(0,u.A)({ownerState:E,className:f(I.root,s),as:p,ref:r},$))})}));const Ol=t().forwardRef(((e,r)=>t().createElement(Il,{...e,ref:r}))),jl=["primary","global"],Tl=["primary","secondary","error","warning","info","success","accent","global","promotion"].filter((e=>!jl.includes(e)));function Pl(e,t){return e.map((e=>({props:{color:e,variant:"standard"},style:({theme:r})=>{const n=t(r,e),{mode:o}=r.palette;return{backgroundColor:n.backgroundColor[o],color:n.color[o],"&:hover,&:focus":{backgroundColor:n.backgroundColorHover[o]},"& .MuiChip-deleteIcon":{color:n.color[o],opacity:n.deleteIconOpacity,"&:hover,&:focus":{color:n.color[o],opacity:n.deleteIconOpacityHover}}}}})))}Pl(["default"],(function(e){return{backgroundColor:{light:De(e.palette.divider,.3),dark:Fe(e.palette.divider,.1)},backgroundColorHover:{light:e.palette.action.focus,dark:e.palette.action.focus},color:{light:e.palette.text.primary,dark:e.palette.text.primary},deleteIconOpacity:.26,deleteIconOpacityHover:.7}})),Pl(["primary","global"],(function(e,t){const r=e.palette[t];return{backgroundColor:{light:De(r.light,.8),dark:Fe(r.__unstableAccessibleMain,.8)},backgroundColorHover:{light:De(r.light,.6),dark:Fe(r.__unstableAccessibleMain,.9)},color:{light:Fe(r.__unstableAccessibleMain,.3),dark:De(r.light,.3)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),Pl(Tl,(function(e,t){return{backgroundColor:{light:De(e.palette[t].light,.9),dark:Fe(e.palette[t].light,.8)},backgroundColorHover:{light:De(e.palette[t].light,.8),dark:Fe(e.palette[t].light,.9)},color:{light:Fe(e.palette[t].main,.3),dark:De(e.palette[t].main,.5)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),t().createContext(!1),(0,Jt.A)({key:"eui-rtl",stylisPlugins:[er,qt]});We("#524CFF",.08),(0,e.createContext)(null);const{slots:Bl,classNames:_l}=(e=>{const t={},r={};return["root"].forEach((n=>{r[n]=`Mui${e}-${n}`,t[n]={slot:n,name:`Mui${e}`}})),{slots:t,classNames:r}})("Image"),zl=Ln("img",Bl.root)((({theme:e,ownerState:t})=>{const{variant:r="square"}=t;return{borderRadius:{square:void 0,rounded:e.shape.borderRadius,circle:"50%"}[r]}})),Ll=t().forwardRef(((e,r)=>{const n=Wn({props:e,name:Bl.root.name});return t().createElement(zl,{...n,ref:r,className:f([[_l.root,n.className]]),ownerState:n})}));Ll.defaultProps={variant:"square"};const Nl=e.forwardRef(((t,r)=>e.createElement(Fo,{viewBox:"0 0 24 24",...t,ref:r},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.86829 12C5.41108 16.2677 8.46131 18.25 12 18.25C15.5387 18.25 18.5889 16.2677 21.1317 12C18.5889 7.73232 15.5387 5.75 12 5.75C8.46131 5.75 5.41108 7.73232 2.86829 12ZM1.34883 11.6279C4.09715 6.81857 7.63999 4.25 12 4.25C16.36 4.25 19.9028 6.81857 22.6512 11.6279C22.7829 11.8585 22.7829 12.1415 22.6512 12.3721C19.9028 17.1814 16.36 19.75 12 19.75C7.63999 19.75 4.09715 17.1814 1.34883 12.3721C1.21706 12.1415 1.21706 11.8585 1.34883 11.6279ZM12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75ZM9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75C10.4812 14.75 9.25 13.5188 9.25 12Z"})))),Wl=Ln(Po)((({theme:e})=>({border:`1px solid ${e.palette.divider}`,borderRadius:e.shape.borderRadius}))),Fl=Ln(qo)((({theme:e})=>({color:e.palette.text.secondary,fontWeight:500,padding:e.spacing(1.25)}))),Dl=Ln(Be)((({theme:e})=>({position:"relative",cursor:"pointer",display:"flex",overflow:"hidden",padding:e.spacing(1.25),borderTop:`1px solid ${e.palette.divider}`}))),Hl=Ln(Be)((()=>({position:"absolute",top:10,left:10,width:"calc(100% - 20px)",height:"calc(100% - 20px)",backgroundColor:"rgba(0, 0, 0, 0.5)",color:"white",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",opacity:0,transition:"opacity 0.3s","&:hover":{opacity:1}}))),Vl=({title:e,thumbnail:t,onClick:r})=>(0,i.jsxs)(Wl,{direction:"column",children:[(0,i.jsx)(Be,{sx:{minHeight:40},children:(0,i.jsx)(Fl,{variant:"body1",children:e})}),(0,i.jsxs)(Dl,{children:[(0,i.jsx)(Ll,{src:t,alt:e,sx:{width:"100%",height:"auto",objectFit:"cover"}}),(0,i.jsxs)(Hl,{onClick:r,children:[(0,i.jsx)(Nl,{sx:{mr:1}}),(0,i.jsx)(qo,{variant:"body2",sx:{color:"theme.palette.common.white"},children:(0,a.__)("View Demo","hello-plus")})]})]})]}),Gl=({message:e,kits:t=[],setPreviewKit:r,severity:n})=>(0,i.jsx)(Po,{direction:"column",alignItems:"center",pb:4,sx:{overflowY:"auto"},children:(0,i.jsxs)(Po,{sx:{maxWidth:900},alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(Va,{}),(0,i.jsxs)(Po,{alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(qo,{variant:"h4",align:"center",px:2,sx:{color:"text.primary"},children:(0,a.__)("Choose your website template kit","hello-plus")}),(0,i.jsx)(qo,{variant:"body1",align:"center",px:2,color:"text.secondary",children:(0,a.__)("Explore our versatile website kits to find one that fits your style or project.","hello-plus")}),e&&(0,i.jsx)(As,{severity:n,children:e}),(0,i.jsx)(Ol,{container:!0,rowSpacing:3,columnSpacing:5,children:t.map((e=>(0,i.jsx)(Ol,{item:!0,xs:12,sm:6,md:4,children:(0,i.jsx)(Vl,{...e,onClick:()=>{r(e)}})},e._id)))})]})]})}),Kl=({modalCloseRedirectUrl:e})=>(0,i.jsx)(Po,{direction:"column",alignItems:"center",justifyContent:"center",children:(0,i.jsxs)(Po,{sx:{maxWidth:662},alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(Va,{}),(0,i.jsxs)(Po,{alignItems:"center",justifyContent:"center",gap:4,children:[(0,i.jsx)(qo,{variant:"h4",align:"center",px:2,sx:{color:"text.primary"},children:(0,a.__)("Congratulations, you’ve created your website!","hello-plus")}),(0,i.jsx)(qo,{variant:"body1",align:"center",px:2,color:"text.secondary",children:(0,a.__)("It’s time to make it yours—add your content, style, and personal touch.","hello-plus")}),(0,i.jsxs)(Po,{direction:"row",gap:1,mt:5,children:[(0,i.jsx)(Us,{variant:"outlined",color:"secondary",onClick:()=>{window.location.href="/"},children:(0,a.__)("View my site","hello-plus")}),(0,i.jsx)(Us,{variant:"contained",color:"primary",onClick:()=>{window.location.href=e},children:(0,a.__)("Customize my site","hello-plus")})]})]})]})});let Ul=0;const Xl=e["useId".toString()];function Zl(e){return Ie("MuiDialog",e)}var Yl=Oe("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),ql=e.createContext({});const Jl=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],Ql=Ln(so,{name:"MuiDialog",slot:"Backdrop",overrides:(e,t)=>t.backdrop})({zIndex:-1}),ec=Ln(fo,{name:"MuiDialog",slot:"Root",overridesResolver:(e,t)=>t.root})({"@media print":{position:"absolute !important"}}),tc=Ln("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.container,t[`scroll${Bo(r.scroll)}`]]}})((({ownerState:e})=>(0,u.A)({height:"100%","@media print":{height:"auto"},outline:0},"paper"===e.scroll&&{display:"flex",justifyContent:"center",alignItems:"center"},"body"===e.scroll&&{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}))),rc=Ln(Qa,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.paper,t[`scrollPaper${Bo(r.scroll)}`],t[`paperWidth${Bo(String(r.maxWidth))}`],r.fullWidth&&t.paperFullWidth,r.fullScreen&&t.paperFullScreen]}})((({theme:e,ownerState:t})=>(0,u.A)({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},"paper"===t.scroll&&{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},"body"===t.scroll&&{display:"inline-block",verticalAlign:"middle",textAlign:"left"},!t.maxWidth&&{maxWidth:"calc(100% - 64px)"},"xs"===t.maxWidth&&{maxWidth:"px"===e.breakpoints.unit?Math.max(e.breakpoints.values.xs,444):`max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,[`&.${Yl.paperScrollBody}`]:{[e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64)]:{maxWidth:"calc(100% - 64px)"}}},t.maxWidth&&"xs"!==t.maxWidth&&{maxWidth:`${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`,[`&.${Yl.paperScrollBody}`]:{[e.breakpoints.down(e.breakpoints.values[t.maxWidth]+64)]:{maxWidth:"calc(100% - 64px)"}}},t.fullWidth&&{width:"calc(100% - 64px)"},t.fullScreen&&{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${Yl.paperScrollBody}`]:{margin:0,maxWidth:"100%"}})));var nc=e.forwardRef((function(t,r){const n=Wn({props:t,name:"MuiDialog"}),o=Jn(),a={enter:o.transitions.duration.enteringScreen,exit:o.transitions.duration.leavingScreen},{"aria-describedby":s,"aria-labelledby":l,BackdropComponent:c,BackdropProps:p,children:m,className:h,disableEscapeKeyDown:g=!1,fullScreen:v=!1,fullWidth:b=!1,maxWidth:y="sm",onBackdropClick:x,onClick:w,onClose:k,open:S,PaperComponent:C=Qa,PaperProps:A={},scroll:M="paper",TransitionComponent:R=no,transitionDuration:$=a,TransitionProps:E}=n,I=(0,d.A)(n,Jl),O=(0,u.A)({},n,{disableEscapeKeyDown:g,fullScreen:v,fullWidth:b,maxWidth:y,scroll:M}),j=(e=>{const{classes:t,scroll:r,maxWidth:n,fullWidth:o,fullScreen:a}=e;return Mn({root:["root"],container:["container",`scroll${Bo(r)}`],paper:["paper",`paperScroll${Bo(r)}`,`paperWidth${Bo(String(n))}`,o&&"paperFullWidth",a&&"paperFullScreen"]},Zl,t)})(O),T=e.useRef(),P=function(t){if(void 0!==Xl){const e=Xl();return null!=t?t:e}return function(t){const[r,n]=e.useState(t),o=t||r;return e.useEffect((()=>{null==r&&(Ul+=1,n(`mui-${Ul}`))}),[r]),o}(t)}(l),B=e.useMemo((()=>({titleId:P})),[P]);return(0,i.jsx)(ec,(0,u.A)({className:f(j.root,h),closeAfterTransition:!0,components:{Backdrop:Ql},componentsProps:{backdrop:(0,u.A)({transitionDuration:$,as:c},p)},disableEscapeKeyDown:g,onClose:k,open:S,ref:r,onClick:e=>{w&&w(e),T.current&&(T.current=null,x&&x(e),k&&k(e,"backdropClick"))},ownerState:O},I,{children:(0,i.jsx)(R,(0,u.A)({appear:!0,in:S,timeout:$,role:"presentation"},E,{children:(0,i.jsx)(tc,{className:f(j.container),onMouseDown:e=>{T.current=e.target===e.currentTarget},ownerState:O,children:(0,i.jsx)(rc,(0,u.A)({as:C,elevation:24,role:"dialog","aria-describedby":s,"aria-labelledby":P},A,{className:f(j.paper,A.className),ownerState:O,children:(0,i.jsx)(ql.Provider,{value:B,children:m})}))})}))}))}));const oc=t().forwardRef(((e,r)=>t().createElement(nc,{...e,ref:r})));function ac(e){return Ie("MuiDialogActions",e)}Oe("MuiDialogActions",["root","spacing"]);const ic=["className","disableSpacing"],sc=Ln("div",{name:"MuiDialogActions",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,!r.disableSpacing&&t.spacing]}})((({ownerState:e})=>(0,u.A)({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},!e.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})));var lc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiDialogActions"}),{className:n,disableSpacing:o=!1}=r,a=(0,d.A)(r,ic),s=(0,u.A)({},r,{disableSpacing:o}),l=(e=>{const{classes:t,disableSpacing:r}=e;return Mn({root:["root",!r&&"spacing"]},ac,t)})(s);return(0,i.jsx)(sc,(0,u.A)({className:f(l.root,n),ownerState:s,ref:t},a))}));const cc=t().forwardRef(((e,r)=>t().createElement(lc,{...e,ref:r})));function uc(e){return Ie("MuiDialogContent",e)}function dc(e){return Ie("MuiDialogTitle",e)}Oe("MuiDialogContent",["root","dividers"]);var pc=Oe("MuiDialogTitle",["root"]);const fc=["className","dividers"],mc=Ln("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.dividers&&t.dividers]}})((({theme:e,ownerState:t})=>(0,u.A)({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px"},t.dividers?{padding:"16px 24px",borderTop:`1px solid ${(e.vars||e).palette.divider}`,borderBottom:`1px solid ${(e.vars||e).palette.divider}`}:{[`.${pc.root} + &`]:{paddingTop:0}})));var hc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiDialogContent"}),{className:n,dividers:o=!1}=r,a=(0,d.A)(r,fc),s=(0,u.A)({},r,{dividers:o}),l=(e=>{const{classes:t,dividers:r}=e;return Mn({root:["root",r&&"dividers"]},uc,t)})(s);return(0,i.jsx)(mc,(0,u.A)({className:f(l.root,n),ownerState:s,ref:t},a))}));const gc=t().forwardRef(((e,r)=>t().createElement(hc,{...e,ref:r})));function vc(e){return Ie("MuiDialogContentText",e)}Oe("MuiDialogContentText",["root"]);const bc=["children","className"],yc=Ln(Yo,{shouldForwardProp:e=>zn(e)||"classes"===e,name:"MuiDialogContentText",slot:"Root",overridesResolver:(e,t)=>t.root})({});var xc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiDialogContentText"}),{className:n}=r,o=(0,d.A)(r,bc),a=(e=>{const{classes:t}=e,r=Mn({root:["root"]},vc,t);return(0,u.A)({},t,r)})(o);return(0,i.jsx)(yc,(0,u.A)({component:"p",variant:"body1",color:"text.secondary",ref:t,ownerState:o,className:f(a.root,n)},r,{classes:a}))}));const wc=t().forwardRef(((e,r)=>t().createElement(xc,{...e,ref:r})));function kc(e){return Ie("MuiAppBar",e)}Oe("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const Sc=["className","color","enableColorOnDark","position"],Cc=(e,t)=>e?`${null==e?void 0:e.replace(")","")}, ${t})`:t,Ac=Ln(Qa,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[`position${Bo(r.position)}`],t[`color${Bo(r.color)}`]]}})((({theme:e,ownerState:t})=>{const r="light"===e.palette.mode?e.palette.grey[100]:e.palette.grey[900];return(0,u.A)({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0},"fixed"===t.position&&{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}},"absolute"===t.position&&{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},"sticky"===t.position&&{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},"static"===t.position&&{position:"static"},"relative"===t.position&&{position:"relative"},!e.vars&&(0,u.A)({},"default"===t.color&&{backgroundColor:r,color:e.palette.getContrastText(r)},t.color&&"default"!==t.color&&"inherit"!==t.color&&"transparent"!==t.color&&{backgroundColor:e.palette[t.color].main,color:e.palette[t.color].contrastText},"inherit"===t.color&&{color:"inherit"},"dark"===e.palette.mode&&!t.enableColorOnDark&&{backgroundColor:null,color:null},"transparent"===t.color&&(0,u.A)({backgroundColor:"transparent",color:"inherit"},"dark"===e.palette.mode&&{backgroundImage:"none"})),e.vars&&(0,u.A)({},"default"===t.color&&{"--AppBar-background":t.enableColorOnDark?e.vars.palette.AppBar.defaultBg:Cc(e.vars.palette.AppBar.darkBg,e.vars.palette.AppBar.defaultBg),"--AppBar-color":t.enableColorOnDark?e.vars.palette.text.primary:Cc(e.vars.palette.AppBar.darkColor,e.vars.palette.text.primary)},t.color&&!t.color.match(/^(default|inherit|transparent)$/)&&{"--AppBar-background":t.enableColorOnDark?e.vars.palette[t.color].main:Cc(e.vars.palette.AppBar.darkBg,e.vars.palette[t.color].main),"--AppBar-color":t.enableColorOnDark?e.vars.palette[t.color].contrastText:Cc(e.vars.palette.AppBar.darkColor,e.vars.palette[t.color].contrastText)},{backgroundColor:"var(--AppBar-background)",color:"inherit"===t.color?"inherit":"var(--AppBar-color)"},"transparent"===t.color&&{backgroundImage:"none",backgroundColor:"transparent",color:"inherit"}))}));var Mc=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiAppBar"}),{className:n,color:o="primary",enableColorOnDark:a=!1,position:s="fixed"}=r,l=(0,d.A)(r,Sc),c=(0,u.A)({},r,{color:o,position:s,enableColorOnDark:a}),p=(e=>{const{color:t,position:r,classes:n}=e;return Mn({root:["root",`color${Bo(t)}`,`position${Bo(r)}`]},kc,n)})(c);return(0,i.jsx)(Ac,(0,u.A)({square:!0,component:"header",ownerState:c,elevation:4,className:f(p.root,n,"fixed"===s&&"mui-fixed"),ref:t},l))}));function Rc(e){return Ie("MuiToolbar",e)}Oe("MuiToolbar",["root","gutters","regular","dense"]);const $c=["className","component","disableGutters","variant"],Ec=Ln("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,!r.disableGutters&&t.gutters,t[r.variant]]}})((({theme:e,ownerState:t})=>(0,u.A)({position:"relative",display:"flex",alignItems:"center"},!t.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}},"dense"===t.variant&&{minHeight:48})),(({theme:e,ownerState:t})=>"regular"===t.variant&&e.mixins.toolbar));var Ic=e.forwardRef((function(e,t){const r=Wn({props:e,name:"MuiToolbar"}),{className:n,component:o="div",disableGutters:a=!1,variant:s="regular"}=r,l=(0,d.A)(r,$c),c=(0,u.A)({},r,{component:o,disableGutters:a,variant:s}),p=(e=>{const{classes:t,disableGutters:r,variant:n}=e;return Mn({root:["root",!r&&"gutters",n]},Rc,t)})(c);return(0,i.jsx)(Ec,(0,u.A)({as:o,className:f(p.root,n),ref:t,ownerState:c},l))}));const Oc=t().forwardRef(((e,r)=>t().createElement(Mc,{...e,ref:r}))),jc=t().forwardRef(((e,r)=>t().createElement(Ic,{...e,ref:r}))),Tc=t().forwardRef(((e,r)=>t().createElement(Wo,{...e,ref:r}))),Pc=t().forwardRef(((e,r)=>t().createElement(To,{...e,ref:r}))),Bc=["primary","global"],_c=(e="default")=>"inherit"===e?"inherit":"default"===e?"action.active":Bc.includes(e)?`${e}.__unstableAccessibleMain`:`${e}.main`,zc=t().forwardRef(((e,r)=>{const{sx:n={},color:o}=e,a=e.href?"&:hover,&:focus,&:active,&:visited":"&:hover,&:focus,&:active",i={[a]:{color:_c(o)}};return t().createElement(Hi,{...e,sx:{...i,...n},ref:r})})),Lc=["primary","global"],Nc=["primary","secondary","error","warning","info","success","accent","global","promotion"].filter((e=>!Lc.includes(e)));function Wc(e,t){return e.map((e=>({props:{color:e,variant:"standard"},style:({theme:r})=>{const n=t(r,e),{mode:o}=r.palette;return{backgroundColor:n.backgroundColor[o],color:n.color[o],"&:hover,&:focus":{backgroundColor:n.backgroundColorHover[o]},"& .MuiChip-deleteIcon":{color:n.color[o],opacity:n.deleteIconOpacity,"&:hover,&:focus":{color:n.color[o],opacity:n.deleteIconOpacityHover}}}}})))}Wc(["default"],(function(e){return{backgroundColor:{light:De(e.palette.divider,.3),dark:Fe(e.palette.divider,.1)},backgroundColorHover:{light:e.palette.action.focus,dark:e.palette.action.focus},color:{light:e.palette.text.primary,dark:e.palette.text.primary},deleteIconOpacity:.26,deleteIconOpacityHover:.7}})),Wc(["primary","global"],(function(e,t){const r=e.palette[t];return{backgroundColor:{light:De(r.light,.8),dark:Fe(r.__unstableAccessibleMain,.8)},backgroundColorHover:{light:De(r.light,.6),dark:Fe(r.__unstableAccessibleMain,.9)},color:{light:Fe(r.__unstableAccessibleMain,.3),dark:De(r.light,.3)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),Wc(Nc,(function(e,t){return{backgroundColor:{light:De(e.palette[t].light,.9),dark:Fe(e.palette[t].light,.8)},backgroundColorHover:{light:De(e.palette[t].light,.8),dark:Fe(e.palette[t].light,.9)},color:{light:Fe(e.palette[t].main,.3),dark:De(e.palette[t].main,.5)},deleteIconOpacity:.7,deleteIconOpacityHover:1}})),t().createContext(!1),(0,Jt.A)({key:"eui-rtl",stylisPlugins:[er,qt]});We("#524CFF",.08),(0,e.createContext)(null);const Fc=(e,t)=>{const r={},n={};return t.forEach((t=>{n[t]=`Mui${e}-${t}`,r[t]={slot:t,name:`Mui${e}`}})),{slots:r,classNames:n}},Dc=t().forwardRef(((e,r)=>t().createElement(Tc,{viewBox:"0 0 24 24",...e,ref:r},t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967Z"}),t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z"})))),{slots:Hc,classNames:Vc}=Fc("CloseButton",["root","icon"]),Gc=Ln(zc,Hc.root)({}),Kc=Ln(Dc,Hc.icon)({}),Uc=t().forwardRef(((e,r)=>{const n=Wn({props:e,name:Hc.root.name}),{slotProps:o={},...a}=n;return t().createElement(Gc,{...a,size:"small",ref:r,className:f([[Vc.root,a.className]]),ownerState:n},t().createElement(Kc,{...o.icon,className:f([Vc.icon,o.icon?.className]),ownerState:n}))}));Uc.defaultProps={"aria-label":"close",color:"default"};const Xc=Ln((e=>t().createElement(Tc,{viewBox:"0 0 32 32",...e},t().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.69648 24.8891C0.938383 22.2579 0 19.1645 0 16C0 11.7566 1.68571 7.68687 4.68629 4.68629C7.68687 1.68571 11.7566 0 16 0C19.1645 0 22.2579 0.938383 24.8891 2.69648C27.5203 4.45459 29.5711 6.95344 30.7821 9.87706C31.9931 12.8007 32.3099 16.0177 31.6926 19.1214C31.0752 22.2251 29.5514 25.0761 27.3137 27.3137C25.0761 29.5514 22.2251 31.0752 19.1214 31.6926C16.0177 32.3099 12.8007 31.9931 9.87706 30.7821C6.95344 29.5711 4.45459 27.5203 2.69648 24.8891ZM12.0006 9.33281H9.33437V22.6665H12.0006V9.33281ZM22.6657 9.33281H14.6669V11.9991H22.6657V9.33281ZM22.6657 14.6654H14.6669V17.3316H22.6657V14.6654ZM22.6657 20.0003H14.6669V22.6665H22.6657V20.0003Z"}))))((({theme:e})=>({width:e.spacing(3),height:e.spacing(3),"& path":{fill:e.palette.text.primary},marginRight:e.spacing(1)}))),Zc=Ln("span")((({theme:e})=>({marginRight:e.spacing(1)}))),Yc=({logo:e,...r})=>!1===e?null:e?t().createElement(Zc,null,e):t().createElement(Xc,{...r}),{slots:qc,classNames:Jc}=Fc("DialogHeader",["root","logo","toolbar"]),Qc=Ln(Oc,qc.root)({"& .MuiDialogTitle-root":{padding:0}}),eu=Ln(jc,qc.toolbar)({}),tu=t().forwardRef(((e,r)=>{const n=Wn({props:e,name:qc.root.name}),{slotProps:o={},logo:a,onClose:i,...s}=n;return t().createElement(Qc,{...s,ref:r,className:f([[Jc.root,s.className]]),ownerState:n},t().createElement(eu,{variant:"dense",...o.toolbar,className:f([Jc.toolbar,o.toolbar?.className]),ownerState:n},t().createElement(Yc,{logo:a,className:f([Jc.logo,o.logo?.className])}),t().createElement(Pc,{direction:"row",alignItems:"center",flex:1},n.children),i&&t().createElement(Uc,{edge:"end",onClick:i,sx:{"&.MuiButtonBase-root":{ml:.5}}})))}));tu.defaultProps={color:"transparent",position:"relative"};const ru=["className","id"],nu=Ln(Yo,{name:"MuiDialogTitle",slot:"Root",overridesResolver:(e,t)=>t.root})({padding:"16px 24px",flex:"0 0 auto"});var ou=e.forwardRef((function(t,r){const n=Wn({props:t,name:"MuiDialogTitle"}),{className:o,id:a}=n,s=(0,d.A)(n,ru),l=n,c=(e=>{const{classes:t}=e;return Mn({root:["root"]},dc,t)})(l),{titleId:p=a}=e.useContext(ql);return(0,i.jsx)(nu,(0,u.A)({component:"h2",className:f(c.root,o),ownerState:l,ref:r,variant:"h6",id:null!=a?a:p},s))}));const au=t().forwardRef(((e,r)=>t().createElement(ou,{...e,ref:r})));au.defaultProps={variant:"subtitle1"};const iu=({onClose:e,approveButtonText:t,approveButtonOnClick:r,approveButtonUrl:n,title:o,text:s,isLoading:l})=>(0,i.jsxs)(oc,{open:!0,onClose:e,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",sx:{zIndex:100001},children:[(0,i.jsx)(tu,{onClose:()=>e(),children:(0,i.jsx)(au,{children:(0,i.jsx)(qo,{sx:{color:"text.secondary"},children:o})})}),(0,i.jsx)(gc,{children:(0,i.jsx)(wc,{id:"alert-dialog-description",children:s})}),(0,i.jsxs)(cc,{children:[(0,i.jsx)(Us,{onClick:e,color:"secondary",children:(0,a.__)("Cancel","hello-plus")}),(0,i.jsx)(Us,{disabled:l,target:"_blank",rel:"opener",href:n,onClick:r,variant:"contained",children:l?(0,a.__)("Processing…","hello-plus"):t})]})]});function su({onClose:t,onSuccess:r,connectUrl:n}){return(0,e.useEffect)((()=>(elementorCommon.elements.$window.on("elementor/connect/success/cb1",r),()=>{elementorCommon.elements.$window.off("elementor/connect/success/cb1",r)})),[r]),(0,i.jsx)(iu,{title:(0,a.__)("Connect to Template Library","hello-plus"),text:(0,a.__)("Access this template and our entire library by creating a free personal account","hello-plus"),approveButtonText:(0,a.__)("Get Started","hello-plus"),approveButtonUrl:n,approveButtonOnClick:()=>{},approveButtonColor:"primary",dismissButtonText:(0,a.__)("Cancel","hello-plus"),dismissButtonOnClick:()=>t(),onClose:()=>t()})}const lu=({title:e,startImportProcess:t,onClose:r,isLoading:n})=>(0,i.jsx)(iu,{title:(0,a.__)("Apply %s?","hello-plus").replace("%s",e),text:(0,a.__)("By applying the kit, you'll override any styles, settings or content already on your site.","hello-plus"),approveButtonText:(0,a.__)("Apply All","hello-plus"),approveButtonColor:"primary",approveButtonOnClick:()=>t(!0),onClose:r,isLoading:n}),cu=e.forwardRef(((t,r)=>e.createElement(Fo,{viewBox:"0 0 24 24",...t,ref:r},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.46967 7.46967C9.17678 7.76256 9.17678 8.23744 9.46967 8.53033L12.9393 12L9.46967 15.4697C9.17678 15.7626 9.17678 16.2374 9.46967 16.5303C9.76256 16.8232 10.2374 16.8232 10.5303 16.5303L14.5303 12.5303C14.8232 12.2374 14.8232 11.7626 14.5303 11.4697L10.5303 7.46967C10.2374 7.17678 9.76256 7.17678 9.46967 7.46967Z"})))),uu=({onClickBack:e,onClickLeftButton:t,onClickRightButton:r,overview:n})=>(0,i.jsxs)(Po,{direction:"row",sx:{alignItems:"center",height:50,px:2,backgroundColor:"background.default",justifyContent:"space-between",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},children:[(0,i.jsxs)(Po,{direction:"row",spacing:1,alignItems:"center",sx:{borderRight:"1px solid rgba(0, 0, 0, 0.12)",width:"fit-content",p:2,cursor:"pointer"},onClick:e,children:[(0,i.jsx)(cu,{sx:{transform:"rotate(180deg)"},color:"action"}),(0,i.jsx)(qo,{variant:"subtitle1",color:"action",sx:{color:"text.secondary"},children:(0,a.__)("Back to Wizard","hello-plus")})]}),(0,i.jsxs)(Po,{direction:"row",gap:1,children:[(0,i.jsx)(Us,{variant:"outlined",color:"secondary",onClick:t,children:n?(0,a.__)("View Demo","hello-plus"):(0,a.__)("Overview","hello-plus")}),(0,i.jsx)(Us,{variant:"contained",color:"primary",onClick:r,children:(0,a.__)("Apply Kit","hello-plus")})]})]}),du=({title:e,description:t,setIsLoading:r,setPreviewUrl:n,setIsOverview:o,pages:s,kit:l})=>(0,i.jsxs)(Po,{direction:"row",children:[(0,i.jsxs)(Po,{sx:{flex:"0 0 30%",maxWidth:"17rem",padding:3,gap:2,overflowY:"auto",borderRight:"1px solid rgba(0, 0, 0, 0.12)"},children:[(0,i.jsx)(qo,{variant:"h6",sx:{color:"text.primary"},children:e}),(0,i.jsx)(Ll,{src:l.thumbnail,alt:l.title,sx:{borderRadius:1,width:"100%",height:"auto",mb:3}}),(0,i.jsx)(qo,{variant:"body1",sx:{color:"text.secondary"},children:t})]}),(0,i.jsx)(Be,{sx:{flex:"1",padding:3},children:s.length&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(qo,{variant:"h6",sx:{mb:2,color:"text.primary"},children:(0,a.__)("Pages","hello-plus")}),(0,i.jsx)(Ol,{container:!0,rowSpacing:3,columnSpacing:5,children:s.map((([e,t])=>(0,i.jsx)(Ol,{item:!0,xs:12,sm:6,md:2,children:(0,i.jsx)(Vl,{...t,onClick:()=>{r(!0),n(t.url),o(!1)}})},e)))})]})})]}),pu=({kit:t,setPreviewKit:r})=>{const[n,a]=(0,e.useState)(!0),[s,l]=(0,e.useState)(!1),[c,u]=(0,e.useState)(!1),[d,p]=(0,e.useState)(!1),{onboardingSettings:{applyKitBaseUrl:f,returnUrl:m},elementorKitSettings:h}=sn(),{manifest:{site:g="",name:v,description:b,content:{page:y={}}},title:x}=t,[w,k]=(0,e.useState)(g),S=Object.entries(y),{library_connect_url:C,is_library_connected:A}=h;return(0,e.useEffect)((()=>{a(!0)}),[g]),(0,i.jsxs)(i.Fragment,{children:[s&&(0,i.jsx)(su,{onClose:()=>l(!1),onSuccess:()=>{l(!1),u(!0)},onError:e=>setError({message:e}),connectUrl:C.replace("%%page%%",v)+"&mode=popup&callback_id=cb1"}),c&&(0,i.jsx)(lu,{isLoading:n,title:x,startImportProcess:async()=>{try{a(!0);const e=await o()({path:"/elementor/v1/kits/download-link/"+t._id}),r=`/import/process?id=${t._id}&file_url=${encodeURIComponent(e.data.download_link)}&return_to=${encodeURIComponent(m)}&nonce=${e.meta.nonce}&referrer=kit-library&action_type=apply-all`;window.location.href=`${f}#${r}`}catch(e){console.log(e,"error")}finally{a(!1)}},onClose:()=>u(!1)}),(0,i.jsx)(uu,{onClickBack:()=>r(null),onClickRightButton:()=>{A?u(!0):l(!0)},overview:d,onClickLeftButton:()=>{p(!d)}}),(0,i.jsxs)(Be,{sx:{position:"relative",width:"100%",height:"100%"},children:[n&&(0,i.jsx)(wl,{}),!d&&(0,i.jsx)("iframe",{src:w,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none"},title:x,onLoad:()=>a(!1)}),d&&(0,i.jsx)(du,{setIsOverview:p,setIsLoading:a,setPreviewUrl:k,title:x,description:b,pages:S,kit:t})]})]})},fu=()=>{const[t,r]=(0,e.useState)(""),[n,o]=(0,e.useState)("info"),[s,l]=(0,e.useState)(null),{isLoading:c,setIsLoading:u,stepAction:d,buttonText:p,step:f,onboardingSettings:{nonce:m,modalCloseRedirectUrl:h,kits:g}={}}=sn(),v=(0,e.useCallback)((async()=>{r("");const e={step:d,_wpnonce:m,slug:"elementor"};u(!0);try{switch(d){case"install-elementor":const t=await wp.ajax.post("helloplus_setup_wizard",e);if(t.activateUrl){if(!(await fetch(t.activateUrl)).ok)throw new Error((0,a.__)("Failed to activate Elementor plugin","hello-plus"));window.location.reload()}break;case"activate-elementor":await wp.ajax.post("helloplus_setup_wizard",e),window.location.reload()}}catch(e){r(e.errorMessage),o("error")}finally{u(!1)}}),[m,u,d]);return(0,i.jsx)(an,{colorScheme:"auto",children:(0,i.jsx)(mo,{open:!0,sx:{zIndex:1e5},children:(0,i.jsxs)(Be,{sx:{backgroundColor:"background.default",position:"fixed",top:0,left:0,width:"100%",height:"100%",boxShadow:24,display:"flex",flexDirection:"column"},children:[!s&&(0,i.jsx)(Qo,{onClose:()=>{window.location.href=h},sx:{borderBottom:"1px solid var(--divider-divider, rgba(0, 0, 0, 0.12))",mb:4},iconSize:"small"}),0===f&&!c&&!s&&(0,i.jsx)(il,{severity:n,message:t,buttonText:p,onClick:v}),1===f&&!c&&!s&&(0,i.jsx)(Gl,{setPreviewKit:l,severity:n,message:t,onClick:v,kits:g}),2===f&&!c&&!s&&(0,i.jsx)(Kl,{modalCloseRedirectUrl:h}),s&&(0,i.jsx)(pu,{kit:s,setPreviewKit:l}),c&&(0,i.jsx)(wl,{})]})})})},mu=()=>(0,i.jsx)(l,{children:(0,i.jsx)(fu,{})});document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("ehp-admin-onboarding");e&&(0,c.H)(e).render((0,i.jsx)(mu,{}))}))}()}();
  • hello-plus/trunk/classes/ehp-button.php

    r3238471 r3241372  
    1919    Global_Typography
    2020};
     21use HelloPlus\Classes\Ehp_Padding;
    2122
    2223class Ehp_Button {
     
    372373                    'row' => [
    373374                        'title' => esc_html__( 'Start', 'hello-plus' ),
    374                         'icon' => 'eicon-h-align-left',
     375                        'icon' => 'eicon-h-align-' . ( is_rtl() ? 'right' : 'left' ),
    375376                    ],
    376377                    'row-reverse' => [
    377378                        'title' => esc_html__( 'End', 'hello-plus' ),
    378                         'icon' => 'eicon-h-align-right',
     379                        'icon' => 'eicon-h-align-' . ( is_rtl() ? 'left' : 'right' ),
    379380                    ],
    380381                ],
     
    634635        );
    635636
    636         $this->widget->add_responsive_control(
    637             $type . '_button_padding',
    638             [
    639                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    640                 'type' => Controls_Manager::DIMENSIONS,
    641                 'size_units' => [ 'px', '%', 'em', 'rem' ],
    642                 'selectors' => [
    643                     '{{WRAPPER}} .ehp-' . $widget_name => '--' . $widget_name . '-button-' . $type . '-padding-block-end: {{BOTTOM}}{{UNIT}}; --' . $widget_name . '-button-' . $type . '-padding-block-start: {{TOP}}{{UNIT}}; --' . $widget_name . '-button-' . $type . '-padding-inline-end: {{RIGHT}}{{UNIT}}; --' . $widget_name . '-button-' . $type . '-padding-inline-start: {{LEFT}}{{UNIT}};',
    644                 ],
    645                 'separator' => 'before',
    646                 'condition' => array_merge([
    647                     $type . '_button_type' => 'button',
    648                 ], $add_type_condition),
    649             ]
    650         );
     637        $padding = new Ehp_Padding( $this->widget, [
     638            'widget_name' => $widget_name,
     639            'container_prefix' => 'button',
     640            'type_prefix' => $type,
     641            'default_padding' => [
     642                'top' => '8',
     643                'right' => '16',
     644                'bottom' => '8',
     645                'left' => '16',
     646                'unit' => 'px',
     647            ],
     648            'condition' => array_merge([
     649                $type . '_button_type' => 'button',
     650            ], $add_type_condition),
     651        ] );
     652        $padding->add_style_controls();
    651653    }
    652654
  • hello-plus/trunk/hello-plus.php

    r3238471 r3241372  
    66 * Author: Elementor.com
    77 * Author URI: https://elementor.com/?utm_source=wp-plugins&utm_campaign=author-uri&utm_medium=wp-dash
    8  * Version: 1.2.0
     8 * Version: 1.2.1
    99 * License: GPL-3
    1010 * License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
     
    3131}
    3232
    33 define( 'HELLOPLUS_VERSION', '1.2.0' );
     33define( 'HELLOPLUS_VERSION', '1.2.1' );
    3434define( 'HELLO_PLUS_VERSION', HELLOPLUS_VERSION );
    3535
  • hello-plus/trunk/modules/admin/assets/js/components/onboarding/screens/install-kit.js

    r3206391 r3241372  
    88
    99export const InstallKit = ( { message, kits = [], setPreviewKit, severity } ) => {
    10     let md = 3;
    11 
    12     if ( 0 !== kits.length % 4 && 0 === kits.length % 3 ) {
    13         // if a number is divisble by 3 update to 3
    14         md = 4;
    15     }
    16 
    1710    return (
    1811        <Stack direction="column" alignItems="center" pb={ 4 } sx={ { overflowY: 'auto' } }>
     
    3528                    <Grid container rowSpacing={ 3 } columnSpacing={ 5 } >
    3629                        { kits.map( ( kit ) => (
    37                             <Grid key={ kit._id } item xs={ 12 } sm={ 6 } md={ md }>
     30                            <Grid key={ kit._id } item xs={ 12 } sm={ 6 } md={ 4 }>
    3831                                <PreviewWithImage { ...kit } onClick={ () => {
    3932                                    setPreviewKit( kit );
  • hello-plus/trunk/modules/admin/assets/js/components/preview/preview-with-image.js

    r3206391 r3241372  
    55import EyeIcon from '@elementor/icons/EyeIcon';
    66import { __ } from '@wordpress/i18n';
     7import { styled } from '@elementor/ui/styles';
     8
     9const Container = styled( Stack )( ( { theme } ) => ( {
     10    border: `1px solid ${ theme.palette.divider }`,
     11    borderRadius: theme.shape.borderRadius,
     12} ) );
     13
     14const Title = styled( Typography )( ( { theme } ) => ( {
     15    color: theme.palette.text.secondary,
     16    fontWeight: 500,
     17    padding: theme.spacing( 1.25 ),
     18} ) );
     19
     20const ImageContainer = styled( Box )( ( { theme } ) => ( {
     21    position: 'relative',
     22    cursor: 'pointer',
     23    display: 'flex',
     24    overflow: 'hidden',
     25    padding: theme.spacing( 1.25 ),
     26    borderTop: `1px solid ${ theme.palette.divider }`,
     27} ) );
     28
     29const Overlay = styled( Box )( () => ( {
     30    position: 'absolute',
     31    top: 10,
     32    left: 10,
     33    width: 'calc(100% - 20px)',
     34    height: 'calc(100% - 20px)',
     35    backgroundColor: 'rgba(0, 0, 0, 0.5)',
     36    color: 'white',
     37    display: 'flex',
     38    alignItems: 'center',
     39    justifyContent: 'center',
     40    flexDirection: 'column',
     41    opacity: 0,
     42    transition: 'opacity 0.3s',
     43    '&:hover': {
     44        opacity: 1,
     45    },
     46} ) );
    747
    848export const PreviewWithImage = ( { title, thumbnail, onClick } ) => {
    949    return (
    10         <Stack direction="column" >
    11             <Typography variant="body2" sx={ { height: 45, color: 'text.secondary' } }>{ title }</Typography>
    12             <Box sx={ {
    13                 position: 'relative',
    14                 cursor: 'pointer',
    15                 boxShadow: 3,
    16                 display: 'flex',
    17                 aspectRatio: '1',
    18                 overflow: 'hidden',
    19             } }>
     50        <Container direction="column">
     51            <Box sx={ { minHeight: 40 } }>
     52                <Title variant="body1">{ title }</Title>
     53            </Box>
     54
     55            <ImageContainer>
    2056                <Image
    2157                    src={ thumbnail }
    2258                    alt={ title }
    2359                    sx={ {
    24                         borderRadius: 1,
    2560                        width: '100%',
    2661                        height: 'auto',
    2762                        objectFit: 'cover',
    2863                } } />
    29                 <Box
    30                     sx={ {
    31                         position: 'absolute',
    32                         top: 0,
    33                         left: 0,
    34                         width: '100%',
    35                         height: '100%',
    36                         backgroundColor: 'rgba(0, 0, 0, 0.5)',
    37                         color: 'white',
    38                         display: 'flex',
    39                         alignItems: 'center',
    40                         justifyContent: 'center',
    41                         flexDirection: 'column',
    42                         opacity: 0,
    43                         transition: 'opacity 0.3s',
    44                         '&:hover': {
    45                             opacity: 1,
    46                         },
    47                     } }
     64                <Overlay
    4865                    onClick={ onClick }
    4966                >
    5067                    <EyeIcon sx={ { mr: 1 } } />
    51                     <Typography variant="body2" sx={ { color: 'text.primary' } }>{ __( 'View Demo', 'hello-plus' ) }</Typography>
    52                 </Box>
    53             </Box>
    54         </Stack>
     68                    <Typography variant="body2" sx={ { color: 'theme.palette.common.white' } }>{ __( 'View Demo', 'hello-plus' ) }</Typography>
     69                </Overlay>
     70            </ImageContainer>
     71        </Container>
    5572    );
    5673};
  • hello-plus/trunk/modules/admin/classes/rest/onboarding-settings.php

    r3203090 r3241372  
    5656            $kits = $this->call_and_check( $endpoint_url );
    5757
    58             foreach ( $kits as $index => $kit ) {
    59                 $kits[ $index ]['manifest'] = $this->call_and_check(
     58            $sorted_kits = $this->sort_kits_by_index( $kits, 'updated_at' );
     59
     60            foreach ( $sorted_kits as $index => $kit ) {
     61                $sorted_kits[ $index ]['manifest'] = $this->call_and_check(
    6062                    Kit_Library::DEFAULT_BASE_ENDPOINT . '/kits/' . $kit['_id'] . '/manifest'
    6163                );
    6264            }
    6365
    64             set_transient( self::KITS_TRANSIENT, $kits, 24 * HOUR_IN_SECONDS );
     66            set_transient( self::KITS_TRANSIENT, $sorted_kits, HOUR_IN_SECONDS );
    6567        } catch ( \Exception $e ) {
    6668            return [];
    6769        }
    6870
    69         return $kits;
     71        return $sorted_kits;
    7072    }
    7173
     
    125127    }
    126128
     129    private function sort_kits_by_index( array $kits, string $sort_by = 'featured_index' ): array {
     130        if ( empty( $kits[0][ $sort_by ] ) ) {
     131            $sort_by = 'featured_index';
     132        }
     133
     134        $sort_by_time = false;
     135
     136        if ( in_array( $sort_by, [ 'created_at', 'updated_at', 'created' ], true ) ) {
     137            $sort_by_time = true;
     138        }
     139
     140        usort($kits, function ( $kit_1, $kit_2 ) use ( $sort_by, $sort_by_time ) {
     141            if ( $sort_by_time ) {
     142                return \strtotime( $kit_2[ $sort_by ] ) <=> \strtotime( $kit_1[ $sort_by ] );
     143            }
     144
     145            return $kit_1[ $sort_by ] <=> $kit_2[ $sort_by ];
     146        } );
     147
     148        return $kits;
     149    }
     150
    127151    public function __construct() {
    128152        add_action( 'rest_api_init', [ $this, 'rest_api_init' ] );
  • hello-plus/trunk/modules/content/assets/scss/hello-plus-cta.scss

    r3238471 r3241372  
    2020    --cta-button-primary-border-width: 0;
    2121    --cta-button-primary-border-color: transparent;
    22     --cta-button-primary-padding-block-end: 8px;
    23     --cta-button-primary-padding-block-start: 8px;
    24     --cta-button-primary-padding-inline-end: 16px;
    25     --cta-button-primary-padding-inline-start: 16px;
    2622    --cta-button-primary-border-radius-block-end: #{$corners-shape-default};
    2723    --cta-button-primary-border-radius-block-start: #{$corners-shape-default};
     
    3531    --cta-button-secondary-border-width: 2px;
    3632    --cta-button-secondary-border-color: #{$global-colors-secondary};
    37     --cta-button-secondary-padding-block-end: 8px;
    38     --cta-button-secondary-padding-block-start: 8px;
    39     --cta-button-secondary-padding-inline-end: 16px;
    40     --cta-button-secondary-padding-inline-start: 16px;
    4133    --cta-button-secondary-border-radius-block-end: #{$corners-shape-default};
    4234    --cta-button-secondary-border-radius-block-start: #{$corners-shape-default};
     
    4436    --cta-button-secondary-border-radius-inline-start: #{$corners-shape-default};
    4537
    46     --cta-box-padding-block-end: 60px;
    47     --cta-box-padding-block-start: 60px;
    48     --cta-box-padding-inline-end: 60px;
    49     --cta-box-padding-inline-start: 60px;
    5038    --cta-box-border-color: #{$global-colors-secondary};
    5139    --cta-box-border-width: 1px;
    52 
    53     --cta-image-position: center center;
    54     --cta-image-border-width: 1px;
    55     --cta-image-border-color: #{$global-colors-secondary};
    5640
    5741    --cta-border-radius-default: #{$corners-shape-default};
     
    6549    --cta-box-border-radius-custom-inline-end: #{$corners-shape-sharp};
    6650    --cta-box-border-radius-custom-inline-start: #{$corners-shape-sharp};
    67     --cta-image-border-radius-custom-block-end: #{$corners-shape-sharp};
    68     --cta-image-border-radius-custom-block-start: #{$corners-shape-sharp};
    69     --cta-image-border-radius-custom-inline-end: #{$corners-shape-sharp};
    70     --cta-image-border-radius-custom-inline-start: #{$corners-shape-sharp};
    7151
    7252    --cta-text-container-flex-grow-default: 0;
     
    165145
    166146    &.has-image-stretch {
     147        --cta-image-width: 100%;
     148
    167149        padding: 0;
    168150
     
    398380    }
    399381
     382    & .ehp-image {
     383        --ehp-image-height: var(--cta-image-height);
     384        --ehp-image-min-height: var(--cta-image-min-height);
     385        --ehp-image-position: var(--cta-image-position);
     386        --ehp-image-width: var(--cta-image-width);
     387        --ehp-image-border-color: var(--cta-image-border-color);
     388        --ehp-image-border-width: var(--cta-image-border-width);
     389        --ehp-image-border-radius-block-end: var(--cta-image-border-radius-block-end);
     390        --ehp-image-border-radius-block-start: var(--cta-image-border-radius-block-start);
     391        --ehp-image-border-radius-inline-end: var(--cta-image-border-radius-inline-end);
     392        --ehp-image-border-radius-inline-start: var(--cta-image-border-radius-inline-start);
     393    }
     394
    400395    &__ctas-container {
    401396        align-items: var(--cta-buttons-vertical-position);
     
    471466        gap: var(--cta-elements-spacing);
    472467        text-align: var(--cta-content-alignment);
    473     }
    474 
    475     &__image-container {
    476         align-items: center;
    477         display: flex;
    478         justify-content: center;
    479         z-index: 2;
    480 
    481         .elementor & img {
    482             height: var(--cta-image-height);
    483             object-fit: cover;
    484             object-position: var(--cta-image-position);
    485             min-height: var(--cta-image-min-height);
    486             width: var(--cta-image-width);
    487 
    488             @mixin custom-shape-image() {
    489                 &-rounded {
    490                     --cta-border-shape-rounded: #{$corners-image-shape-rounded};
    491                 }
    492 
    493                 &-round {
    494                     --cta-border-shape-round: #{$corners-image-shape-round};
    495                 }
    496 
    497                 &-custom {
    498                     --cta-border-radius-block-end: var(--cta-image-border-radius-custom-block-end);
    499                     --cta-border-radius-block-start: var(--cta-image-border-radius-custom-block-start);
    500                     --cta-border-radius-inline-end: var(--cta-image-border-radius-custom-inline-end);
    501                     --cta-border-radius-inline-start: var(--cta-image-border-radius-custom-inline-start);
    502                 }
    503             }
    504        
    505             &.has-shape {
    506                 @include custom-shape-image();
    507        
    508                 &-md {
    509                     @media screen and (max-width: $screen-tablet-max) {
    510                         @include custom-shape-image();
    511                     }
    512                 }
    513    
    514                 &-sm {
    515                     @media screen and (max-width: $screen-mobile-max) {
    516                         @include custom-shape-image();
    517                     }
    518                 }
    519             }
    520 
    521             &.has-border {
    522                 border-color: var(--cta-image-border-color);
    523                 border-style: solid;
    524                 border-width: var(--cta-image-border-width);
    525             }
    526         }
    527     }
    528 
    529     &.has-image-stretch {
    530         --cta-image-height: 100%;
    531         --cta-image-width: 100%;
    532468    }
    533469
  • hello-plus/trunk/modules/content/assets/scss/hello-plus-flex-hero.scss

    r3238471 r3241372  
    2626    --flex-hero-button-primary-border-width: 0;
    2727    --flex-hero-button-primary-border-color: transparent;
    28     --flex-hero-button-primary-padding-block-end: 8px;
    29     --flex-hero-button-primary-padding-block-start: 8px;
    30     --flex-hero-button-primary-padding-inline-end: 16px;
    31     --flex-hero-button-primary-padding-inline-start: 16px;
    3228    --flex-hero-button-primary-border-radius-block-end: #{$corners-shape-default};
    3329    --flex-hero-button-primary-border-radius-block-start: #{$corners-shape-default};
     
    4137    --flex-hero-button-secondary-border-width: 2px;
    4238    --flex-hero-button-secondary-border-color: #{$global-colors-secondary};
    43     --flex-hero-button-secondary-padding-block-end: 8px;
    44     --flex-hero-button-secondary-padding-block-start: 8px;
    45     --flex-hero-button-secondary-padding-inline-end: 16px;
    46     --flex-hero-button-secondary-padding-inline-start: 16px;
    4739    --flex-hero-button-secondary-border-radius-block-end: #{$corners-shape-default};
    4840    --flex-hero-button-secondary-border-radius-block-start: #{$corners-shape-default};
     
    5042    --flex-hero-button-secondary-border-radius-inline-start: #{$corners-shape-default};
    5143
    52     --flex-hero-box-padding-block-end: 60px;
    53     --flex-hero-box-padding-block-start: 60px;
    54     --flex-hero-box-padding-inline-end: 60px;
    55     --flex-hero-box-padding-inline-start: 60px;
    5644    --flex-hero-box-border-color: #{$global-colors-secondary};
    5745    --flex-hero-box-border-width: 1px;
    58 
    59     --flex-hero-image-position: center center;
    60     --flex-hero-image-border-width: 1px;
    61     --flex-hero-image-border-color: #{$global-colors-secondary};
    6246
    6347    --flex-hero-border-radius-default: #{$corners-shape-default};
     
    6751    --flex-hero-border-radius-oval: #{$corners-shape-oval};
    6852
    69     --flex-hero-image-border-radius-custom-block-end: #{$corners-shape-sharp};
    70     --flex-hero-image-border-radius-custom-block-start: #{$corners-shape-sharp};
    71     --flex-hero-image-border-radius-custom-inline-end: #{$corners-shape-sharp};
    72     --flex-hero-image-border-radius-custom-inline-start: #{$corners-shape-sharp};
    7353    --flex-hero-box-border-radius-custom-block-end: #{$corners-shape-sharp};
    7454    --flex-hero-box-border-radius-custom-block-start: #{$corners-shape-sharp};
     
    217197    }
    218198
     199    & .ehp-image {
     200        --ehp-image-height: var(--flex-hero-image-height);
     201        --ehp-image-min-height: var(--flex-hero-image-min-height);
     202        --ehp-image-position: var(--flex-hero-image-position);
     203        --ehp-image-width: var(--flex-hero-image-width);
     204        --ehp-image-border-color: var(--flex-hero-image-border-color);
     205        --ehp-image-border-width: var(--flex-hero-image-border-width);
     206        --ehp-image-border-radius-block-end: var(--flex-hero-image-border-radius-block-end);
     207        --ehp-image-border-radius-block-start: var(--flex-hero-image-border-radius-block-start);
     208        --ehp-image-border-radius-inline-end: var(--flex-hero-image-border-radius-inline-end);
     209        --ehp-image-border-radius-inline-start: var(--flex-hero-image-border-radius-inline-start);
     210    }
     211
    219212    @mixin custom-shape-box() {
    220213        &-rounded {
     
    253246
    254247    &.has-image-stretch {
     248        --flex-hero-image-width: 100%;
     249
    255250        padding: 0;
    256251
     
    364359
    365360            &-end {
     361                flex-direction: row-reverse;
    366362                &.has-image-stretch .ehp-flex-hero__content-container {
    367363                    padding-block-start: var(--flex-hero-box-padding-block-start);
     
    403399            flex-direction: column;
    404400        }
    405     }
    406 
    407     &__image {
    408         align-items: center;
    409         display: flex;
    410         justify-content: center;
    411         z-index: 2;
    412 
    413         .elementor & img {
    414             height: var(--flex-hero-image-height);
    415             object-fit: cover;
    416             object-position: var(--flex-hero-image-position);
    417             min-height: var(--flex-hero-image-min-height);
    418             width: var(--flex-hero-image-width);
    419 
    420             @mixin custom-shape-image() {
    421                 &-rounded {
    422                     --flex-hero-border-shape-rounded: #{$corners-image-shape-rounded};
    423                 }
    424 
    425                 &-round {
    426                     --flex-hero-border-shape-round: #{$corners-image-shape-round};
    427                 }
    428 
    429                 &-custom {
    430                     --flex-hero-border-radius-block-end: var(--flex-hero-image-border-radius-custom-block-end);
    431                     --flex-hero-border-radius-block-start: var(--flex-hero-image-border-radius-custom-block-start);
    432                     --flex-hero-border-radius-inline-end: var(--flex-hero-image-border-radius-custom-inline-end);
    433                     --flex-hero-border-radius-inline-start: var(--flex-hero-image-border-radius-custom-inline-start);
    434                 }
    435             }
    436        
    437             &.has-shape {
    438                 @include custom-shape-image();
    439        
    440                 &-md {
    441                     @media screen and (max-width: $screen-tablet-max) {
    442                         @include custom-shape-image();
    443                     }
    444                 }
    445    
    446                 &-sm {
    447                     @media screen and (max-width: $screen-mobile-max) {
    448                         @include custom-shape-image();
    449                     }
    450                 }
    451             }
    452 
    453             &.has-border {
    454                 border-color: var(--flex-hero-image-border-color);
    455                 border-style: solid;
    456                 border-width: var(--flex-hero-image-border-width);
    457             }
    458         }
    459     }
    460 
    461     &.has-image-stretch {
    462         --flex-hero-image-height: 100%;
    463         --flex-hero-image-width: 100%;
    464401    }
    465402
  • hello-plus/trunk/modules/content/assets/scss/hello-plus-hero.scss

    r3238471 r3241372  
    2424    --hero-button-primary-border-width: 0;
    2525    --hero-button-primary-border-color: transparent;
    26     --hero-button-primary-padding-block-end: 8px;
    27     --hero-button-primary-padding-block-start: 8px;
    28     --hero-button-primary-padding-inline-end: 16px;
    29     --hero-button-primary-padding-inline-start: 16px;
    3026    --hero-button-primary-border-radius-block-end: #{$corners-shape-default};
    3127    --hero-button-primary-border-radius-block-start: #{$corners-shape-default};
    3228    --hero-button-primary-border-radius-inline-end: #{$corners-shape-default};
    3329    --hero-button-primary-border-radius-inline-start: #{$corners-shape-default};
    34 
    35     --hero-box-padding-block-end: 0;
    36     --hero-box-padding-block-start: 0;
    37     --hero-box-padding-inline-end: 0;
    38     --hero-box-padding-inline-start: 0;
    39 
    40     --hero-image-width: 100%;
    41     --hero-image-height: 380px;
    42     --hero-image-position: center center;
    4330
    4431    display: flex;
     
    144131    }
    145132
     133    & .ehp-image {
     134        --ehp-image-height: var(--hero-image-height);
     135        --ehp-image-min-height: var(--hero-image-min-height);
     136        --ehp-image-position: var(--hero-image-position);
     137        --ehp-image-width: var(--hero-image-width);
     138        --ehp-image-border-color: var(--hero-image-border-color);
     139        --ehp-image-border-width: var(--hero-image-border-width);
     140        --ehp-image-border-radius-block-end: var(--hero-image-border-radius-block-end);
     141        --ehp-image-border-radius-block-start: var(--hero-image-border-radius-block-start);
     142        --ehp-image-border-radius-inline-end: var(--hero-image-border-radius-inline-end);
     143        --ehp-image-border-radius-inline-start: var(--hero-image-border-radius-inline-start);
     144    }
     145
    146146    &__heading {
    147147        color: var(--hero-heading-color);
     
    160160        margin-bottom: var(--hero-content-text-gap);
    161161    }
    162 
    163     &__image {
    164         display: flex;
    165         justify-content: center;
    166         overflow: hidden;
    167 
    168         .elementor & img {
    169             height: var(--hero-image-height);
    170             object-fit: cover;
    171             object-position: var(--hero-image-position);
    172             width: var(--hero-image-width);
    173         }
    174     }
    175162}
  • hello-plus/trunk/modules/content/assets/scss/hello-plus-zigzag.scss

    r3238471 r3241372  
    44    --zigzag-title-color: #000000;
    55    --zigzag-description-color: #000000;
    6     --zigzag-rows-spacing: 60px;
    76    --zigzag-wrapper-border-width: 2px;
    87    --zigzag-wrapper-border-color: #000000;
     
    1110    --zigzag-image-width: 50%;
    1211    --zigzag-icon-width: 50%;
    13     --zigzag-image-position: center center;
    14     --zigzag-elements-gap: 32px;
    1512    --zigzag-icon-size: 256px;
    1613    --zigzag-icon-color: #555963;
    1714    --zigzag-icon-color-alternate: #61CE70;
    18 
    19     --zigzag-box-padding-block-start: 60px;
    20     --zigzag-box-padding-block-end: 60px;
    21     --zigzag-box-padding-inline-start: 0;
    22     --zigzag-box-padding-inline-end: 0;
    2315
    2416    --zigzag-animation-delay: 0;
     
    3527    --zigzag-button-primary-border-width: 0;
    3628    --zigzag-button-primary-border-color: transparent;
    37     --zigzag-button-primary-padding-block-end: 8px;
    38     --zigzag-button-primary-padding-block-start: 8px;
    39     --zigzag-button-primary-padding-inline-end: 16px;
    40     --zigzag-button-primary-padding-inline-start: 16px;
    4129    --zigzag-button-primary-border-radius-block-end: #{$corners-shape-default};
    4230    --zigzag-button-primary-border-radius-block-start: #{$corners-shape-default};
     
    4836    display: flex;
    4937    flex-direction: column;
    50 
    51     @media screen and (min-width: $screen-tablet-min) {
    52         --zigzag-elements-gap: 40px;
    53         --zigzag-rows-spacing: 100px;
    54     }
    55 
    56     @media screen and (min-width: $screen-desktop-min) {
    57         --zigzag-elements-gap: 120px;
    58     }
    5938
    6039    &.has-border {
     
    8362    }
    8463
     64    & .ehp-image {
     65        --ehp-image-height: var(--zigzag-image-height);
     66        --ehp-image-min-height: var(--zigzag-image-min-height);
     67        --ehp-image-position: var(--zigzag-image-position);
     68        --ehp-image-border-color: var(--zigzag-image-border-color);
     69        --ehp-image-border-width: var(--zigzag-image-border-width);
     70        --ehp-image-border-radius-block-end: var(--zigzag-image-border-radius-block-end);
     71        --ehp-image-border-radius-block-start: var(--zigzag-image-border-radius-block-start);
     72        --ehp-image-border-radius-inline-end: var(--zigzag-image-border-radius-inline-end);
     73        --ehp-image-border-radius-inline-start: var(--zigzag-image-border-radius-inline-start);
     74    }
     75
    8576    &__button-container {
    8677        display: flex;
     
    109100    }
    110101
     102    &__image-container {
     103        width: 100%;
     104    }
     105
    111106    &__title {
    112107        color: var(--zigzag-title-color);
     
    126121
    127122            .elementor & img {
    128                 aspect-ratio: 16 / 9;
    129                 height: var(--zigzag-image-height);
    130                 object-fit: cover;
    131                 object-position: var(--zigzag-image-position);
    132123                width: 100%;
    133124            }
     
    154145    &__item-container {
    155146        display: flex;
    156         gap: var(--zigzag-elements-gap);
    157         padding-block: calc(var(--zigzag-rows-spacing) / 2);
     147        gap: var(--zigzag-column-gap);
     148        padding-block: calc(var(--zigzag-row-gap) / 2);
    158149        padding-inline-start: var(--zigzag-box-padding-inline-start);
    159150        padding-inline-end: var(--zigzag-box-padding-inline-end);
    160151        max-width: var(--zigzag-content-width);
    161152        width: 100%;
    162 
    163         @media screen and (max-width: $screen-tablet-max) {
    164             gap: var(--zigzag-elements-gap);
    165         }
    166153    }
    167154
     
    263250
    264251    &.has-image-stretch {
    265         --zigzag-image-width: 50%;
    266         --zigzag-icon-width: 50%;
    267        
     252
    268253        & .ehp-zigzag__item-container {
    269254            padding-inline: 0;
  • hello-plus/trunk/modules/content/classes/render/widget-cta-render.php

    r3238471 r3241372  
    11<?php
    2 
    32namespace HelloPlus\Modules\Content\Classes\Render;
    43
    5 use Elementor\Group_Control_Background;
    6 use Elementor\Group_Control_Box_Shadow;
    7 use Elementor\Group_Control_Image_Size;
    8 use Elementor\Group_Control_Typography;
    9 use Elementor\Controls_Manager;
    10 use Elementor\Icons_Manager;
    11 use Elementor\Repeater;
    12 use Elementor\Widget_Base;
     4use HelloPlus\Modules\Content\Widgets\CTA;
     5use HelloPlus\Classes\{
     6    Ehp_Button,
     7    Ehp_Image,
     8};
     9
    1310use Elementor\Utils;
    1411
    15 use HelloPlus\Modules\Content\Widgets\CTA;
    16 use HelloPlus\Classes\Ehp_Button;
     12if ( ! defined( 'ABSPATH' ) ) {
     13    exit; // Exit if accessed directly.
     14}
    1715
    1816class Widget_CTA_Render {
     
    113111    }
    114112
     113    protected function render_image_container() {
     114        $image = new Ehp_Image( $this->widget, [
     115            'widget_name' => $this->widget->get_name(),
     116        ] );
     117        $image->render();
     118    }
     119
    115120    protected function render_text_container() {
    116121        $heading_text = $this->settings['heading_text'];
     
    187192        $button = new Ehp_Button( $this->widget, [
    188193            'type' => $type,
    189             'widget_name' => 'cta',
     194            'widget_name' => $this->widget->get_name(),
    190195        ] );
    191196        $button->render();
    192197    }
    193 
    194     public function get_attachment_image_html_filter( $html ) {
    195         $image_classnames = 'ehp-flex-hero__img';
    196         $image_shape = $this->settings['image_shape'];
    197         $image_shape_mobile = $this->settings['image_shape_mobile'];
    198         $image_shape_tablet = $this->settings['image_shape_tablet'];
    199 
    200         $has_border = $this->settings['show_image_border'];
    201 
    202         if ( 'yes' === $has_border ) {
    203             $image_classnames .= ' has-border';
    204         }
    205 
    206         if ( ! empty( $image_shape ) ) {
    207             $image_classnames .= ' has-shape-' . $image_shape;
    208 
    209             if ( ! empty( $image_shape_mobile ) ) {
    210                 $image_classnames .= ' has-shape-sm-' . $image_shape_mobile;
    211             }
    212 
    213             if ( ! empty( $image_shape_tablet ) ) {
    214                 $image_classnames .= ' has-shape-md-' . $image_shape_tablet;
    215             }
    216         }
    217 
    218         $html = str_replace( '<img ', '<img class="' . esc_attr( $image_classnames ) . '" ', $html );
    219         return $html;
    220     }
    221 
    222     public function render_image_container() {
    223         $image = $this->settings['image'];
    224         $has_image = ! empty( $image['url'] );
    225         $image_wrapper_classnames = 'ehp-cta__image-container';
    226 
    227         $this->widget->add_render_attribute( 'image', [
    228             'class' => $image_wrapper_classnames,
    229         ] );
    230 
    231         if ( $has_image ) :
    232             ?>
    233             <div <?php $this->widget->print_render_attribute_string( 'image' ); ?>>
    234                 <?php
    235                     add_filter( 'elementor/image_size/get_attachment_image_html', [ $this, 'get_attachment_image_html_filter' ], 10, 4 );
    236                     Group_Control_Image_Size::print_attachment_image_html( $this->settings, 'image' );
    237                     remove_filter( 'elementor/image_size/get_attachment_image_html', [ $this, 'get_attachment_image_html_filter' ], 10 );
    238                 ?>
    239             </div>
    240             <?php
    241         endif; //has_image
    242     }
    243198}
  • hello-plus/trunk/modules/content/classes/render/widget-flex-hero-render.php

    r3238471 r3241372  
    66}
    77
    8 use Elementor\Group_Control_Image_Size;
    9 use Elementor\Icons_Manager;
    108use Elementor\Utils;
    119use HelloPlus\Modules\Content\Widgets\Flex_Hero;
    12 use HelloPlus\Classes\Ehp_Button;
     10use HelloPlus\Classes\{
     11    Ehp_Button,
     12    Ehp_Image,
     13};
    1314
    1415class Widget_Flex_Hero_Render {
     
    9495            <?php
    9596                $this->render_content_container();
    96                 $this->render_image();
     97                $this->render_image_container();
    9798            ?>
    9899        </div>
     
    157158        $button = new Ehp_Button( $this->widget, [
    158159            'type' => $type,
    159             'widget_name' => 'flex-hero',
     160            'widget_name' => $this->widget->get_name(),
    160161        ] );
    161162        $button->render();
    162163    }
    163164
    164     public function get_attachment_image_html_filter( $html ) {
    165         $image_classnames = 'ehp-flex-hero__img';
    166         $image_shape = $this->settings['image_shape'];
    167         $image_shape_mobile = $this->settings['image_shape_mobile'];
    168         $image_shape_tablet = $this->settings['image_shape_tablet'];
    169 
    170         $has_border = $this->settings['show_image_border'];
    171 
    172         if ( 'yes' === $has_border ) {
    173             $image_classnames .= ' has-border';
    174         }
    175 
    176         if ( ! empty( $image_shape ) ) {
    177             $image_classnames .= ' has-shape-' . $image_shape;
    178 
    179             if ( ! empty( $image_shape_mobile ) ) {
    180                 $image_classnames .= ' has-shape-sm-' . $image_shape_mobile;
    181             }
    182 
    183             if ( ! empty( $image_shape_tablet ) ) {
    184                 $image_classnames .= ' has-shape-md-' . $image_shape_tablet;
    185             }
    186         }
    187 
    188         $html = str_replace( '<img ', '<img class="' . esc_attr( $image_classnames ) . '" ', $html );
    189         return $html;
    190     }
    191 
    192     public function render_image() {
    193         $image = $this->settings['image'];
    194         $has_image = ! empty( $image['url'] );
    195         $image_wrapper_classnames = self::IMAGE_CLASSNAME;
    196 
    197         $this->widget->add_render_attribute( 'image', [
    198             'class' => $image_wrapper_classnames,
     165    protected function render_image_container() {
     166        $image = new Ehp_Image( $this->widget, [
     167            'widget_name' => $this->widget->get_name(),
    199168        ] );
    200 
    201         if ( $has_image ) :
    202             ?>
    203             <div <?php $this->widget->print_render_attribute_string( 'image' ); ?>>
    204                 <?php
    205                     add_filter( 'elementor/image_size/get_attachment_image_html', [ $this, 'get_attachment_image_html_filter' ], 10, 4 );
    206                     Group_Control_Image_Size::print_attachment_image_html( $this->settings, 'image' );
    207                     remove_filter( 'elementor/image_size/get_attachment_image_html', [ $this, 'get_attachment_image_html_filter' ], 10 );
    208                 ?>
    209             </div>
    210             <?php
    211         endif; //has_image
     169        $image->render();
    212170    }
    213171}
  • hello-plus/trunk/modules/content/classes/render/widget-hero-render.php

    r3238471 r3241372  
    66}
    77
    8 use Elementor\Group_Control_Image_Size;
    9 use Elementor\Icons_Manager;
    108use Elementor\Utils;
    119use HelloPlus\Modules\Content\Widgets\Hero;
    12 use HelloPlus\Classes\Ehp_Button;
     10use HelloPlus\Classes\{
     11    Ehp_Button,
     12    Ehp_Image,
     13};
    1314
    1415class Widget_Hero_Render {
     
    4445                $this->render_text_container();
    4546                $this->render_cta_button();
    46                 $this->render_image();
     47                $this->render_image_container();
    4748            ?>
    4849        </div>
     
    8384        $button = new Ehp_Button( $this->widget, [
    8485            'type' => 'primary',
    85             'widget_name' => 'hero',
     86            'widget_name' => $this->widget->get_name(),
    8687        ] );
    8788        ?>
     
    9293    }
    9394
    94     public function render_image() {
    95         $image = $this->settings['image'];
    96         $has_image = ! empty( $image['url'] );
    97         $image_classnames = self::IMAGE_CLASSNAME;
    98 
    99         $this->widget->add_render_attribute( 'image', [
    100             'class' => $image_classnames,
     95    protected function render_image_container() {
     96        $image = new Ehp_Image( $this->widget, [
     97            'widget_name' => $this->widget->get_name(),
    10198        ] );
    102         ?>
    103         <div <?php $this->widget->print_render_attribute_string( 'image' ); ?>>
    104             <?php
    105             if ( $has_image ) {
    106                 Group_Control_Image_Size::print_attachment_image_html( $this->settings, 'image' );
    107             }
    108             ?>
    109         </div>
    110         <?php
     99        $image->render();
    111100    }
    112101}
  • hello-plus/trunk/modules/content/classes/render/widget-zig-zag-render.php

    r3238471 r3241372  
    77}
    88
    9 use Elementor\Group_Control_Image_Size;
    109use Elementor\Icons_Manager;
    1110use Elementor\Utils;
    1211
    1312use HelloPlus\Modules\Content\Widgets\Zig_Zag;
    14 use HelloPlus\Classes\Ehp_Button;
     13use HelloPlus\Classes\{
     14    Ehp_Button,
     15    Ehp_Image,
     16};
    1517
    1618class Widget_Zig_Zag_Render {
     
    120122        ?>
    121123        <div <?php $this->widget->print_render_attribute_string( 'graphic-element-container-' . $key ); ?>>
    122             <?php if ( $is_image ) : ?>
    123                 <?php Group_Control_Image_Size::print_attachment_image_html( $item, 'image_graphic_image' ); ?>
    124             <?php elseif ( $is_icon ) : ?>
    125                 <?php Icons_Manager::render_icon( $item['icon_graphic_icon'], [ 'aria-hidden' => 'true' ] ); ?>
    126             <?php endif; ?>
     124            <?php if ( $is_image ) {
     125                $this->render_image_container( $item, 'image_graphic_image' );
     126            } elseif ( $is_icon ) {
     127                Icons_Manager::render_icon( $item['icon_graphic_icon'], [ 'aria-hidden' => 'true' ] );
     128            } ?>
    127129        </div>
    128130        <?php
     131    }
     132
     133    private function render_image_container( $settings, $key ) {
     134        $defaults = [
     135            'settings' => $settings,
     136            'image_key' => $key,
     137            'image' => $settings[ $key ],
     138        ];
     139
     140        $image = new Ehp_Image( $this->widget, [
     141            'widget_name' => $this->widget->get_name(),
     142        ], $defaults );
     143        $image->render();
    129144    }
    130145
     
    192207        $button = new Ehp_Button( $this->widget, [
    193208            'type' => 'primary',
    194             'widget_name' => 'zigzag',
     209            'widget_name' => $this->widget->get_name(),
    195210        ], $defaults );
    196211        ?>
  • hello-plus/trunk/modules/content/widgets/cta.php

    r3238471 r3241372  
    1111use Elementor\Group_Control_Box_Shadow;
    1212use Elementor\Group_Control_Typography;
    13 use Elementor\Group_Control_Css_Filter;
    1413use Elementor\Widget_Base;
    1514use Elementor\Core\Kits\Documents\Tabs\Global_Typography;
     
    1918use HelloPlus\Modules\Content\Classes\Render\Widget_CTA_Render;
    2019use HelloPlus\Modules\Theme\Module as Theme_Module;
    21 use HelloPlus\Classes\Ehp_Button;
     20use HelloPlus\Classes\{
     21    Ehp_Button,
     22    Ehp_Image,
     23    Ehp_Padding,
     24};
    2225
    2326use Elementor\Utils as Elementor_Utils;
     
    4851
    4952    public function get_style_depends(): array {
    50         return [ 'helloplus-cta', 'helloplus-button' ];
     53        return [ 'helloplus-cta', 'helloplus-button', 'helloplus-image' ];
    5154    }
    5255
     
    164167        );
    165168
    166         $this->add_control(
    167             'image',
    168             [
    169                 'label' => esc_html__( 'Choose Image', 'hello-plus' ),
    170                 'type' => Controls_Manager::MEDIA,
    171                 'default' => [
    172                     'url' => Elementor_Utils::get_placeholder_image_src(),
    173                 ],
    174             ]
    175         );
     169        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ] );
     170        $image->add_content_section();
    176171
    177172        $this->end_controls_section();
     
    364359                    'start' => [
    365360                        'title' => esc_html__( 'Start', 'hello-plus' ),
    366                         'icon' => 'eicon-h-align-left',
     361                        'icon' => 'eicon-h-align-' . ( is_rtl() ? 'right' : 'left' ),
    367362                    ],
    368363                    'end' => [
    369364                        'title' => esc_html__( 'End', 'hello-plus' ),
    370                         'icon' => 'eicon-h-align-right',
     365                        'icon' => 'eicon-h-align-' . ( is_rtl() ? 'left' : 'right' ),
    371366                    ],
    372367                ],
    373368                'frontend_available' => true,
    374                 'default' => is_rtl() ? 'end' : 'start',
    375                 'tablet_default' => is_rtl() ? 'end' : 'start',
    376                 'mobile_default' => is_rtl() ? 'end' : 'start',
     369                'default' => is_rtl() ? 'start' : 'end',
     370                'tablet_default' => is_rtl() ? 'start' : 'end',
     371                'mobile_default' => is_rtl() ? 'start' : 'end',
    377372                'condition' => [
    378373                    'layout_preset' => 'showcase',
     
    428423        );
    429424
    430         $this->add_control(
    431             'image_stretch',
    432             [
    433                 'label' => esc_html__( 'Stretch', 'hello-plus' ),
    434                 'type' => Controls_Manager::SWITCHER,
    435                 'label_on' => esc_html__( 'Yes', 'hello-plus' ),
    436                 'label_off' => esc_html__( 'No', 'hello-plus' ),
    437                 'return_value' => 'yes',
    438                 'default' => 'no',
    439             ]
    440         );
    441 
    442         $this->add_responsive_control(
    443             'image_width',
    444             [
    445                 'label' => esc_html__( 'Width', 'hello-plus' ),
    446                 'type' => Controls_Manager::SLIDER,
    447                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
    448                 'range' => [
    449                     'px' => [
    450                         'max' => 1500,
    451                     ],
    452                     '%' => [
    453                         'max' => 100,
    454                     ],
    455                 ],
    456                 'default' => [
    457                     'size' => 100,
    458                     'unit' => '%',
    459                 ],
    460                 'selectors' => [
    461                     '{{WRAPPER}} .ehp-cta' => '--cta-image-width: {{SIZE}}{{UNIT}};',
    462                 ],
    463                 'condition' => [
    464                     'image_stretch!' => 'yes',
    465                 ],
    466             ]
    467         );
    468 
    469         $this->add_responsive_control(
    470             'image_height',
    471             [
    472                 'label' => esc_html__( 'Height', 'hello-plus' ),
    473                 'type' => Controls_Manager::SLIDER,
    474                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
    475                 'range' => [
    476                     'px' => [
    477                         'max' => 1500,
    478                     ],
    479                     '%' => [
    480                         'max' => 100,
    481                     ],
    482                 ],
    483                 'default' => [
    484                     'size' => 380,
    485                     'unit' => 'px',
    486                 ],
    487                 'selectors' => [
    488                     '{{WRAPPER}} .ehp-cta' => '--cta-image-height: {{SIZE}}{{UNIT}};',
    489                 ],
    490             ]
    491         );
    492 
    493         $this->add_responsive_control(
    494             'image_position',
    495             [
    496                 'label' => esc_html__( 'Position', 'hello-plus' ),
    497                 'type' => Controls_Manager::SELECT,
    498                 'desktop_default' => 'center center',
    499                 'tablet_default' => 'center center',
    500                 'mobile_default' => 'center center',
    501                 'options' => [
    502                     '' => esc_html__( 'Default', 'hello-plus' ),
    503                     'center center' => esc_html__( 'Center Center', 'hello-plus' ),
    504                     'center left' => esc_html__( 'Center Left', 'hello-plus' ),
    505                     'center right' => esc_html__( 'Center Right', 'hello-plus' ),
    506                     'top center' => esc_html__( 'Top Center', 'hello-plus' ),
    507                     'top left' => esc_html__( 'Top Left', 'hello-plus' ),
    508                     'top right' => esc_html__( 'Top Right', 'hello-plus' ),
    509                     'bottom center' => esc_html__( 'Bottom Center', 'hello-plus' ),
    510                     'bottom left' => esc_html__( 'Bottom Left', 'hello-plus' ),
    511                     'bottom right' => esc_html__( 'Bottom Right', 'hello-plus' ),
    512                 ],
    513                 'selectors' => [
    514                     '{{WRAPPER}} .ehp-cta' => '--cta-image-position: {{VALUE}}',
    515                 ],
    516             ]
    517         );
    518 
    519         $this->add_group_control(
    520             Group_Control_Css_Filter::get_type(),
    521             [
    522                 'name' => 'image_css_filters',
    523                 'selector' => '{{WRAPPER}} .ehp-cta__image-container img',
    524             ]
    525         );
    526 
    527         $this->add_control(
    528             'show_image_border',
    529             [
    530                 'label' => esc_html__( 'Border', 'hello-plus' ),
    531                 'type' => Controls_Manager::SWITCHER,
    532                 'label_on' => esc_html__( 'Yes', 'hello-plus' ),
    533                 'label_off' => esc_html__( 'No', 'hello-plus' ),
    534                 'return_value' => 'yes',
    535                 'default' => 'no',
    536                 'separator' => 'before',
    537             ]
    538         );
    539 
    540         $this->add_control(
    541             'image_border_width',
    542             [
    543                 'label' => __( 'Border Width', 'hello-plus' ),
    544                 'type' => Controls_Manager::SLIDER,
    545                 'size_units' => [ 'px' ],
    546                 'range' => [
    547                     'px' => [
    548                         'min' => 0,
    549                         'max' => 10,
    550                         'step' => 1,
    551                     ],
    552                 ],
    553                 'default' => [
    554                     'size' => 1,
    555                     'unit' => 'px',
    556                 ],
    557                 'selectors' => [
    558                     '{{WRAPPER}} .ehp-cta' => '--cta-image-border-width: {{SIZE}}{{UNIT}};',
    559                 ],
    560                 'condition' => [
    561                     'show_image_border' => 'yes',
    562                 ],
    563             ]
    564         );
    565 
    566         $this->add_control(
    567             'image_border_color',
    568             [
    569                 'label' => esc_html__( 'Color', 'hello-plus' ),
    570                 'type' => Controls_Manager::COLOR,
    571                 'global' => [
    572                     'default' => Global_Colors::COLOR_TEXT,
    573                 ],
    574                 'selectors' => [
    575                     '{{WRAPPER}} .ehp-cta' => '--cta-image-border-color: {{VALUE}}',
    576                 ],
    577                 'condition' => [
    578                     'show_image_border' => 'yes',
    579                 ],
    580             ]
    581         );
    582 
    583         $this->add_responsive_control(
    584             'image_shape',
    585             [
    586                 'label' => esc_html__( 'Shape', 'hello-plus' ),
    587                 'type' => Controls_Manager::SELECT,
    588                 'default' => 'sharp',
    589                 'options' => [
    590                     'sharp' => esc_html__( 'Sharp', 'hello-plus' ),
    591                     'rounded' => esc_html__( 'Rounded', 'hello-plus' ),
    592                     'round' => esc_html__( 'Round', 'hello-plus' ),
    593                     'oval' => esc_html__( 'Oval', 'hello-plus' ),
    594                     'custom' => esc_html__( 'Custom', 'hello-plus' ),
    595                 ],
    596                 'frontend_available' => true,
    597             ]
    598         );
    599 
    600         $this->add_responsive_control(
    601             'image_shape_custom',
    602             [
    603                 'label' => esc_html__( 'Border Radius', 'hello-plus' ),
    604                 'type' => Controls_Manager::DIMENSIONS,
    605                 'size_units' => [ 'px', '%', 'em', 'rem' ],
    606                 'selectors' => [
    607                     '{{WRAPPER}} .ehp-cta' => '--cta-image-border-radius-custom-block-end: {{BOTTOM}}{{UNIT}}; --cta-image-border-radius-custom-block-start: {{TOP}}{{UNIT}}; --cta-image-border-radius-custom-inline-end: {{RIGHT}}{{UNIT}}; --cta-image-border-radius-custom-inline-start: {{LEFT}}{{UNIT}};',
    608                 ],
    609                 'separator' => 'before',
    610                 'condition' => [
    611                     'image_shape' => 'custom',
    612                 ],
    613             ]
    614         );
    615 
    616         $this->add_group_control(
    617             Group_Control_Box_Shadow::get_type(),
    618             [
    619                 'name' => 'image_box_shadow',
    620                 'selector' => '{{WRAPPER}} .ehp-cta__image-container img',
    621             ]
    622         );
     425        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ] );
     426        $image->add_style_controls();
    623427
    624428        $this->end_controls_section();
     
    626430
    627431    protected function add_content_cta_section() {
    628         $button = new Ehp_Button( $this, [ 'widget_name' => 'cta' ] );
     432        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ] );
    629433        $button->add_content_section();
    630434    }
     
    718522        );
    719523
    720         $button = new Ehp_Button( $this, [ 'widget_name' => 'cta' ] );
     524        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ] );
    721525        $button->add_style_controls();
    722526
     
    877681        );
    878682
    879         $this->add_responsive_control(
    880             'box_padding',
    881             [
    882                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    883                 'type' => Controls_Manager::DIMENSIONS,
    884                 'size_units' => [ 'px', '%', 'em', 'rem' ],
    885                 'selectors' => [
    886                     '{{WRAPPER}} .ehp-cta' => '--cta-box-padding-block-end: {{BOTTOM}}{{UNIT}}; --cta-box-padding-block-start: {{TOP}}{{UNIT}}; --cta-box-padding-inline-end: {{RIGHT}}{{UNIT}}; --cta-box-padding-inline-start: {{LEFT}}{{UNIT}};',
    887                 ],
    888                 'default' => [
    889                     'top' => '60',
    890                     'right' => '60',
    891                     'bottom' => '60',
    892                     'left' => '60',
    893                     'unit' => 'px',
    894                 ],
    895                 'separator' => 'before',
    896             ]
    897         );
     683        $padding = new Ehp_Padding( $this, [
     684            'widget_name' => $this->get_name(),
     685            'container_prefix' => 'box',
     686        ] );
     687        $padding->add_style_controls();
    898688
    899689        $this->add_control(
  • hello-plus/trunk/modules/content/widgets/flex-hero.php

    r3238471 r3241372  
    1111use Elementor\Group_Control_Box_Shadow;
    1212use Elementor\Group_Control_Typography;
    13 use Elementor\Group_Control_Css_Filter;
    1413use Elementor\Widget_Base;
    1514use Elementor\Core\Kits\Documents\Tabs\Global_Typography;
    1615use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
    17 
    18 use Elementor\Utils as Elementor_Utils;
    1916
    2017use HelloPlus\Modules\Content\Base\Traits\Shared_Content_Traits;
     
    2219use HelloPlus\Modules\Content\Classes\Render\Widget_Flex_Hero_Render;
    2320use HelloPlus\Modules\Theme\Module as Theme_Module;
    24 use HelloPlus\Classes\Ehp_Button;
     21use HelloPlus\Classes\{
     22    Ehp_Button,
     23    Ehp_Image,
     24    Ehp_Padding,
     25};
    2526
    2627class Flex_Hero extends Widget_Base {
     
    4950
    5051    public function get_style_depends(): array {
    51         return [ 'helloplus-flex-hero', 'helloplus-button' ];
     52        return [ 'helloplus-flex-hero', 'helloplus-button', 'helloplus-image' ];
    5253    }
    5354
     
    235236            'secondary_cta_show' => 'no',
    236237        ];
    237         $button = new Ehp_Button( $this, [ 'widget_name' => 'flex-hero' ], $defaults );
     238        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ], $defaults );
    238239        $button->add_content_section();
    239240    }
     
    248249        );
    249250
    250         $this->add_control(
    251             'image',
    252             [
    253                 'label' => esc_html__( 'Choose Image', 'hello-plus' ),
    254                 'type' => Controls_Manager::MEDIA,
    255                 'default' => [
    256                     'url' => Elementor_Utils::get_placeholder_image_src(),
    257                 ],
    258             ]
    259         );
     251        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ] );
     252        $image->add_content_section();
    260253
    261254        $this->end_controls_section();
     
    360353                    'start' => [
    361354                        'title' => esc_html__( 'Start', 'hello-plus' ),
    362                         'icon' => 'eicon-align-start-h',
     355                        'icon' => 'eicon-align-' . ( is_rtl() ? 'end' : 'start' ) . '-h',
    363356                    ],
    364357                    'center' => [
     
    551544        );
    552545
    553         $button = new Ehp_Button( $this, [ 'widget_name' => 'flex-hero' ] );
     546        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ] );
    554547        $button->add_style_controls();
    555548
     
    566559        );
    567560
    568         $this->add_control(
    569             'image_stretch',
    570             [
    571                 'label' => esc_html__( 'Stretch', 'hello-plus' ),
    572                 'type' => Controls_Manager::SWITCHER,
    573                 'label_on' => esc_html__( 'Yes', 'hello-plus' ),
    574                 'label_off' => esc_html__( 'No', 'hello-plus' ),
    575                 'return_value' => 'yes',
    576                 'default' => 'no',
     561        $defaults = [
     562            'has_min_height' => true,
     563        ];
     564
     565        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ], $defaults );
     566        $image->add_style_controls();
     567
     568        $this->end_controls_section();
     569    }
     570
     571    protected function add_style_box_section() {
     572        $this->start_controls_section(
     573            'style_box_section',
     574            [
     575                'label' => esc_html__( 'Box', 'hello-plus' ),
     576                'tab' => Controls_Manager::TAB_STYLE,
     577            ]
     578        );
     579
     580        $this->add_control(
     581            'box_background_label',
     582            [
     583                'label' => esc_html__( 'Background', 'hello-plus' ),
     584                'type' => Controls_Manager::HEADING,
     585            ]
     586        );
     587
     588        $this->add_group_control(
     589            Group_Control_Background::get_type(),
     590            [
     591                'name' => 'background',
     592                'types' => [ 'classic', 'gradient' ],
     593                'selector' => '{{WRAPPER}} .ehp-flex-hero',
     594                'fields_options' => [
     595                    'background' => [
     596                        'default' => 'classic',
     597                    ],
     598                ],
     599            ]
     600        );
     601
     602        $this->add_control(
     603            'box_background_overlay_label',
     604            [
     605                'label' => esc_html__( 'Background Overlay', 'hello-plus' ),
     606                'type' => Controls_Manager::HEADING,
     607                'separator' => 'before',
     608            ]
     609        );
     610
     611        $this->add_group_control(
     612            Group_Control_Background::get_type(),
     613            [
     614                'name' => 'background_overlay',
     615                'types' => [ 'classic', 'gradient' ],
     616                'selector' => '{{WRAPPER}} .ehp-flex-hero__overlay',
     617                'fields_options' => [
     618                    'background' => [
     619                        'default' => 'classic',
     620                    ],
     621                ],
     622                'frontend_available' => true,
    577623            ]
    578624        );
    579625
    580626        $this->add_responsive_control(
    581             'image_height',
    582             [
    583                 'label' => esc_html__( 'Height', 'hello-plus' ),
     627            'background_overlay_opacity',
     628            [
     629                'label' => esc_html__( 'Opacity', 'hello-plus' ),
    584630                'type' => Controls_Manager::SLIDER,
    585                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
     631                'range' => [
     632                    '%' => [
     633                        'max' => 1,
     634                        'min' => 0.10,
     635                        'step' => 0.01,
     636                    ],
     637                ],
     638                'default' => [
     639                    'unit' => '%',
     640                    'size' => 0.5,
     641                ],
     642                'selectors' => [
     643                    '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-overlay-opacity: {{SIZE}};',
     644                ],
     645            ]
     646        );
     647
     648        $this->add_responsive_control(
     649            'box_element_spacing',
     650            [
     651                'label' => esc_html__( 'Element Spacing', 'hello-plus' ),
     652                'type' => Controls_Manager::SLIDER,
     653                'size_units' => [ 'px', 'em', 'rem', 'custom' ],
    586654                'range' => [
    587655                    'px' => [
    588                         'max' => 1500,
     656                        'max' => 100,
     657                    ],
     658                    'em' => [
     659                        'max' => 5,
     660                    ],
     661                    'rem' => [
     662                        'max' => 5,
    589663                    ],
    590664                    '%' => [
     
    593667                ],
    594668                'default' => [
    595                     'size' => 380,
    596                     'unit' => 'px',
    597                 ],
    598                 'selectors' => [
    599                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-height: {{SIZE}}{{UNIT}};',
    600                 ],
    601                 'condition' => [
    602                     'image_stretch!' => 'yes',
    603                 ],
     669                    'size' => 40,
     670                    'unit' => 'px',
     671                ],
     672                'tablet_default' => [
     673                    'size' => 28,
     674                    'unit' => 'px',
     675                ],
     676                'mobile_default' => [
     677                    'size' => 20,
     678                    'unit' => 'px',
     679                ],
     680                'selectors' => [
     681                    '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-element-spacing: {{SIZE}}{{UNIT}};',
     682                ],
     683                'separator' => 'before',
    604684            ]
    605685        );
    606686
    607687        $this->add_responsive_control(
    608             'image_width',
    609             [
    610                 'label' => esc_html__( 'Width', 'hello-plus' ),
     688            'box_gap',
     689            [
     690                'label' => esc_html__( 'Gap', 'hello-plus' ),
    611691                'type' => Controls_Manager::SLIDER,
    612                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
     692                'size_units' => [ 'px', 'em', 'rem', 'custom' ],
    613693                'range' => [
    614694                    'px' => [
    615                         'max' => 1500,
     695                        'max' => 100,
     696                    ],
     697                    'em' => [
     698                        'max' => 5,
     699                    ],
     700                    'rem' => [
     701                        'max' => 5,
    616702                    ],
    617703                    '%' => [
     
    620706                ],
    621707                'default' => [
    622                     'size' => 100,
    623                     'unit' => '%',
    624                 ],
    625                 'selectors' => [
    626                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-width: {{SIZE}}{{UNIT}};',
    627                 ],
    628                 'condition' => [
    629                     'image_stretch!' => 'yes',
    630                 ],
    631             ]
    632         );
    633 
    634         $this->add_responsive_control(
    635             'image_min_height',
    636             [
    637                 'label' => esc_html__( 'Min Height', 'hello-plus' ),
    638                 'type' => Controls_Manager::SLIDER,
    639                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
    640                 'range' => [
    641                     'px' => [
    642                         'max' => 1500,
    643                     ],
    644                     '%' => [
    645                         'max' => 100,
    646                     ],
    647                 ],
    648                 'selectors' => [
    649                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-min-height: {{SIZE}}{{UNIT}};',
    650                 ],
    651                 'condition' => [
    652                     'image_stretch' => 'yes',
    653                 ],
    654             ]
    655         );
    656 
    657         $this->add_responsive_control(
    658             'image_position',
    659             [
    660                 'label' => esc_html__( 'Position', 'hello-plus' ),
    661                 'type' => Controls_Manager::SELECT,
    662                 'desktop_default' => 'center center',
    663                 'tablet_default' => 'center center',
    664                 'mobile_default' => 'center center',
    665                 'options' => [
    666                     '' => esc_html__( 'Default', 'hello-plus' ),
    667                     'center center' => esc_html__( 'Center Center', 'hello-plus' ),
    668                     'center left' => esc_html__( 'Center Left', 'hello-plus' ),
    669                     'center right' => esc_html__( 'Center Right', 'hello-plus' ),
    670                     'top center' => esc_html__( 'Top Center', 'hello-plus' ),
    671                     'top left' => esc_html__( 'Top Left', 'hello-plus' ),
    672                     'top right' => esc_html__( 'Top Right', 'hello-plus' ),
    673                     'bottom center' => esc_html__( 'Bottom Center', 'hello-plus' ),
    674                     'bottom left' => esc_html__( 'Bottom Left', 'hello-plus' ),
    675                     'bottom right' => esc_html__( 'Bottom Right', 'hello-plus' ),
    676                 ],
    677                 'selectors' => [
    678                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-position: {{VALUE}}',
    679                 ],
    680             ]
    681         );
    682 
    683         $this->add_group_control(
    684             Group_Control_Css_Filter::get_type(),
    685             [
    686                 'name' => 'image_css_filters',
    687                 'selector' => '{{WRAPPER}} .ehp-flex-hero__image img',
    688             ]
    689         );
    690 
    691         $this->add_control(
    692             'show_image_border',
     708                    'size' => 60,
     709                    'unit' => 'px',
     710                ],
     711                'tablet_default' => [
     712                    'size' => 60,
     713                    'unit' => 'px',
     714                ],
     715                'mobile_default' => [
     716                    'size' => 60,
     717                    'unit' => 'px',
     718                ],
     719                'selectors' => [
     720                    '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-gap: {{SIZE}}{{UNIT}};',
     721                ],
     722                'separator' => 'before',
     723            ]
     724        );
     725
     726        $this->add_control(
     727            'show_box_border',
    693728            [
    694729                'label' => esc_html__( 'Border', 'hello-plus' ),
     
    703738
    704739        $this->add_control(
    705             'image_border_width',
     740            'box_border_width',
    706741            [
    707742                'label' => __( 'Border Width', 'hello-plus' ),
     
    720755                ],
    721756                'selectors' => [
    722                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-border-width: {{SIZE}}{{UNIT}};',
    723                 ],
    724                 'condition' => [
    725                     'show_image_border' => 'yes',
    726                 ],
    727             ]
    728         );
    729 
    730         $this->add_control(
    731             'image_border_color',
    732             [
    733                 'label' => esc_html__( 'Color', 'hello-plus' ),
    734                 'type' => Controls_Manager::COLOR,
    735                 'global' => [
    736                     'default' => Global_Colors::COLOR_TEXT,
    737                 ],
    738                 'selectors' => [
    739                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-border-color: {{VALUE}}',
    740                 ],
    741                 'condition' => [
    742                     'show_image_border' => 'yes',
    743                 ],
    744             ]
    745         );
    746 
    747         $this->add_responsive_control(
    748             'image_shape',
    749             [
    750                 'label' => esc_html__( 'Shape', 'hello-plus' ),
    751                 'type' => Controls_Manager::SELECT,
    752                 'default' => 'sharp',
    753                 'options' => [
    754                     'sharp' => esc_html__( 'Sharp', 'hello-plus' ),
    755                     'rounded' => esc_html__( 'Rounded', 'hello-plus' ),
    756                     'round' => esc_html__( 'Round', 'hello-plus' ),
    757                     'oval' => esc_html__( 'Oval', 'hello-plus' ),
    758                     'custom' => esc_html__( 'Custom', 'hello-plus' ),
    759                 ],
    760                 'frontend_available' => true,
    761             ]
    762         );
    763 
    764         $this->add_responsive_control(
    765             'image_shape_custom',
    766             [
    767                 'label' => esc_html__( 'Border Radius', 'hello-plus' ),
    768                 'type' => Controls_Manager::DIMENSIONS,
    769                 'size_units' => [ 'px', '%', 'em', 'rem' ],
    770                 'selectors' => [
    771                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-border-radius-custom-block-end: {{BOTTOM}}{{UNIT}}; --flex-hero-image-border-radius-custom-block-start: {{TOP}}{{UNIT}}; --flex-hero-image-border-radius-custom-inline-end: {{RIGHT}}{{UNIT}}; --flex-hero-image-border-radius-custom-inline-start: {{LEFT}}{{UNIT}};',
    772                 ],
    773                 'separator' => 'before',
    774                 'condition' => [
    775                     'image_shape' => 'custom',
    776                 ],
    777             ]
    778         );
    779 
    780         $this->add_group_control(
    781             Group_Control_Box_Shadow::get_type(),
    782             [
    783                 'name' => 'image_box_shadow',
    784                 'selector' => '{{WRAPPER}} .ehp-flex-hero__image img',
    785             ]
    786         );
    787 
    788         $this->end_controls_section();
    789     }
    790 
    791     protected function add_style_box_section() {
    792         $this->start_controls_section(
    793             'style_box_section',
    794             [
    795                 'label' => esc_html__( 'Box', 'hello-plus' ),
    796                 'tab' => Controls_Manager::TAB_STYLE,
    797             ]
    798         );
    799 
    800         $this->add_control(
    801             'box_background_label',
    802             [
    803                 'label' => esc_html__( 'Background', 'hello-plus' ),
    804                 'type' => Controls_Manager::HEADING,
    805             ]
    806         );
    807 
    808         $this->add_group_control(
    809             Group_Control_Background::get_type(),
    810             [
    811                 'name' => 'background',
    812                 'types' => [ 'classic', 'gradient' ],
    813                 'selector' => '{{WRAPPER}} .ehp-flex-hero',
    814                 'fields_options' => [
    815                     'background' => [
    816                         'default' => 'classic',
    817                     ],
    818                 ],
    819             ]
    820         );
    821 
    822         $this->add_control(
    823             'box_background_overlay_label',
    824             [
    825                 'label' => esc_html__( 'Background Overlay', 'hello-plus' ),
    826                 'type' => Controls_Manager::HEADING,
    827                 'separator' => 'before',
    828             ]
    829         );
    830 
    831         $this->add_group_control(
    832             Group_Control_Background::get_type(),
    833             [
    834                 'name' => 'background_overlay',
    835                 'types' => [ 'classic', 'gradient' ],
    836                 'selector' => '{{WRAPPER}} .ehp-flex-hero__overlay',
    837                 'fields_options' => [
    838                     'background' => [
    839                         'default' => 'classic',
    840                     ],
    841                 ],
    842                 'frontend_available' => true,
    843             ]
    844         );
    845 
    846         $this->add_responsive_control(
    847             'background_overlay_opacity',
    848             [
    849                 'label' => esc_html__( 'Opacity', 'hello-plus' ),
    850                 'type' => Controls_Manager::SLIDER,
    851                 'range' => [
    852                     '%' => [
    853                         'max' => 1,
    854                         'min' => 0.10,
    855                         'step' => 0.01,
    856                     ],
    857                 ],
    858                 'default' => [
    859                     'unit' => '%',
    860                     'size' => 0.5,
    861                 ],
    862                 'selectors' => [
    863                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-overlay-opacity: {{SIZE}};',
    864                 ],
    865             ]
    866         );
    867 
    868         $this->add_responsive_control(
    869             'box_element_spacing',
    870             [
    871                 'label' => esc_html__( 'Element Spacing', 'hello-plus' ),
    872                 'type' => Controls_Manager::SLIDER,
    873                 'size_units' => [ 'px', 'em', 'rem', 'custom' ],
    874                 'range' => [
    875                     'px' => [
    876                         'max' => 100,
    877                     ],
    878                     'em' => [
    879                         'max' => 5,
    880                     ],
    881                     'rem' => [
    882                         'max' => 5,
    883                     ],
    884                     '%' => [
    885                         'max' => 100,
    886                     ],
    887                 ],
    888                 'default' => [
    889                     'size' => 40,
    890                     'unit' => 'px',
    891                 ],
    892                 'tablet_default' => [
    893                     'size' => 28,
    894                     'unit' => 'px',
    895                 ],
    896                 'mobile_default' => [
    897                     'size' => 20,
    898                     'unit' => 'px',
    899                 ],
    900                 'selectors' => [
    901                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-element-spacing: {{SIZE}}{{UNIT}};',
    902                 ],
    903                 'separator' => 'before',
    904             ]
    905         );
    906 
    907         $this->add_responsive_control(
    908             'box_gap',
    909             [
    910                 'label' => esc_html__( 'Gap', 'hello-plus' ),
    911                 'type' => Controls_Manager::SLIDER,
    912                 'size_units' => [ 'px', 'em', 'rem', 'custom' ],
    913                 'range' => [
    914                     'px' => [
    915                         'max' => 100,
    916                     ],
    917                     'em' => [
    918                         'max' => 5,
    919                     ],
    920                     'rem' => [
    921                         'max' => 5,
    922                     ],
    923                     '%' => [
    924                         'max' => 100,
    925                     ],
    926                 ],
    927                 'default' => [
    928                     'size' => 60,
    929                     'unit' => 'px',
    930                 ],
    931                 'tablet_default' => [
    932                     'size' => 60,
    933                     'unit' => 'px',
    934                 ],
    935                 'mobile_default' => [
    936                     'size' => 60,
    937                     'unit' => 'px',
    938                 ],
    939                 'selectors' => [
    940                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-gap: {{SIZE}}{{UNIT}};',
    941                 ],
    942                 'separator' => 'before',
    943             ]
    944         );
    945 
    946         $this->add_control(
    947             'show_box_border',
    948             [
    949                 'label' => esc_html__( 'Border', 'hello-plus' ),
    950                 'type' => Controls_Manager::SWITCHER,
    951                 'label_on' => esc_html__( 'Yes', 'hello-plus' ),
    952                 'label_off' => esc_html__( 'No', 'hello-plus' ),
    953                 'return_value' => 'yes',
    954                 'default' => 'no',
    955                 'separator' => 'before',
    956             ]
    957         );
    958 
    959         $this->add_control(
    960             'box_border_width',
    961             [
    962                 'label' => __( 'Border Width', 'hello-plus' ),
    963                 'type' => Controls_Manager::SLIDER,
    964                 'size_units' => [ 'px' ],
    965                 'range' => [
    966                     'px' => [
    967                         'min' => 0,
    968                         'max' => 10,
    969                         'step' => 1,
    970                     ],
    971                 ],
    972                 'default' => [
    973                     'size' => 1,
    974                     'unit' => 'px',
    975                 ],
    976                 'selectors' => [
    977757                    '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-box-border-width: {{SIZE}}{{UNIT}};',
    978758                ],
     
    1038818        );
    1039819
    1040         $this->add_responsive_control(
    1041             'box_padding',
    1042             [
    1043                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    1044                 'type' => Controls_Manager::DIMENSIONS,
    1045                 'size_units' => [ 'px', 'em', 'rem', 'custom' ],
    1046                 'selectors' => [
    1047                     '{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-box-padding-block-end: {{BOTTOM}}{{UNIT}}; --flex-hero-box-padding-block-start: {{TOP}}{{UNIT}}; --flex-hero-box-padding-inline-end: {{RIGHT}}{{UNIT}}; --flex-hero-box-padding-inline-start: {{LEFT}}{{UNIT}};',
    1048                 ],
    1049                 'default' => [
    1050                     'top' => '60',
    1051                     'right' => '60',
    1052                     'bottom' => '60',
    1053                     'left' => '60',
    1054                     'unit' => 'px',
    1055                 ],
    1056                 'separator' => 'before',
    1057             ]
    1058         );
     820        $padding = new Ehp_Padding( $this, [
     821            'widget_name' => $this->get_name(),
     822            'container_prefix' => 'box',
     823        ] );
     824        $padding->add_style_controls();
    1059825
    1060826        $this->add_control(
  • hello-plus/trunk/modules/content/widgets/hero.php

    r3238471 r3241372  
    99use Elementor\Controls_Manager;
    1010use Elementor\Group_Control_Background;
    11 use Elementor\Group_Control_Box_Shadow;
    1211use Elementor\Group_Control_Typography;
    1312use Elementor\Widget_Base;
     
    1514use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
    1615
    17 use Elementor\Utils as Elementor_Utils;
    18 
    1916use HelloPlus\Modules\Content\Base\Traits\Shared_Content_Traits;
    2017use HelloPlus\Modules\Content\Classes\Render\Widget_Hero_Render;
    2118use HelloPlus\Modules\Theme\Module as Theme_Module;
    22 use HelloPlus\Classes\Ehp_Button;
     19use HelloPlus\Classes\{
     20    Ehp_Button,
     21    Ehp_Image,
     22    Ehp_Padding,
     23};
    2324
    2425class Hero extends Widget_Base {
     
    4748
    4849    public function get_style_depends(): array {
    49         return [ 'helloplus-hero', 'helloplus-button' ];
     50        return [ 'helloplus-hero', 'helloplus-button', 'helloplus-image' ];
    5051    }
    5152
     
    159160        ];
    160161
    161         $button = new Ehp_Button( $this, [ 'widget_name' => 'hero' ], $defaults );
     162        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ], $defaults );
    162163        $button->add_content_section();
    163164    }
     
    172173        );
    173174
    174         $this->add_control(
    175             'image',
    176             [
    177                 'label' => esc_html__( 'Choose Image', 'hello-plus' ),
    178                 'type' => Controls_Manager::MEDIA,
    179                 'default' => [
    180                     'url' => Elementor_Utils::get_placeholder_image_src(),
    181                 ],
    182             ]
    183         );
     175        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ] );
     176        $image->add_content_section();
    184177
    185178        $this->end_controls_section();
     
    370363        ];
    371364
    372         $button = new Ehp_Button( $this, [ 'widget_name' => 'hero' ], $defaults );
     365        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ], $defaults );
    373366        $button->add_style_controls();
    374367
     
    385378        );
    386379
    387         $this->add_control(
    388             'image_full_width',
    389             [
    390                 'label' => esc_html__( 'Full Width', 'hello-plus' ),
    391                 'type' => Controls_Manager::SWITCHER,
    392                 'label_on' => esc_html__( 'Yes', 'hello-plus' ),
    393                 'label_off' => esc_html__( 'No', 'hello-plus' ),
    394                 'return_value' => 'yes',
    395                 'default' => 'no',
    396             ]
    397         );
    398 
    399         $this->add_responsive_control(
    400             'image_width',
    401             [
    402                 'label' => esc_html__( 'Width', 'hello-plus' ),
    403                 'type' => Controls_Manager::SLIDER,
    404                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
    405                 'range' => [
    406                     'px' => [
    407                         'max' => 1600,
    408                     ],
    409                     '%' => [
    410                         'max' => 100,
    411                     ],
    412                 ],
    413                 'default' => [
    414                     'size' => 1304,
    415                     'unit' => 'px',
    416                 ],
    417                 'selectors' => [
    418                     '{{WRAPPER}} .ehp-hero' => '--hero-image-width: {{SIZE}}{{UNIT}};',
    419                 ],
    420                 'condition' => [
    421                     'image_full_width!' => 'yes',
    422                 ],
    423             ]
    424         );
    425 
    426         $this->add_responsive_control(
    427             'image_height',
    428             [
    429                 'label' => esc_html__( 'Height', 'hello-plus' ),
    430                 'type' => Controls_Manager::SLIDER,
    431                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
    432                 'range' => [
    433                     'px' => [
    434                         'max' => 1600,
    435                     ],
    436                     '%' => [
    437                         'max' => 100,
    438                     ],
    439                 ],
    440                 'selectors' => [
    441                     '{{WRAPPER}} .ehp-hero' => '--hero-image-height: {{SIZE}}{{UNIT}};',
    442                 ],
    443             ]
    444         );
    445 
    446         $this->add_responsive_control(
    447             'image_position',
    448             [
    449                 'label' => esc_html__( 'Position', 'hello-plus' ),
    450                 'type' => Controls_Manager::SELECT,
    451                 'desktop_default' => 'center center',
    452                 'tablet_default' => 'center center',
    453                 'mobile_default' => 'center center',
    454                 'options' => [
    455                     '' => esc_html__( 'Default', 'hello-plus' ),
    456                     'center center' => esc_html__( 'Center Center', 'hello-plus' ),
    457                     'center left' => esc_html__( 'Center Left', 'hello-plus' ),
    458                     'center right' => esc_html__( 'Center Right', 'hello-plus' ),
    459                     'top center' => esc_html__( 'Top Center', 'hello-plus' ),
    460                     'top left' => esc_html__( 'Top Left', 'hello-plus' ),
    461                     'top right' => esc_html__( 'Top Right', 'hello-plus' ),
    462                     'bottom center' => esc_html__( 'Bottom Center', 'hello-plus' ),
    463                     'bottom left' => esc_html__( 'Bottom Left', 'hello-plus' ),
    464                     'bottom right' => esc_html__( 'Bottom Right', 'hello-plus' ),
    465                 ],
    466                 'selectors' => [
    467                     '{{WRAPPER}} .ehp-hero' => '--hero-image-position: {{VALUE}}',
    468                 ],
    469             ]
    470         );
     380        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ] );
     381        $image->add_style_controls();
    471382
    472383        $this->end_controls_section();
     
    544455        );
    545456
    546         $this->add_responsive_control(
    547             'style_box_padding',
    548             [
    549                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    550                 'type' => Controls_Manager::DIMENSIONS,
    551                 'size_units' => [ 'px', '%', 'em', 'rem' ],
    552                 'selectors' => [
    553                     '{{WRAPPER}} .ehp-hero' => '--hero-box-padding-block-end: {{BOTTOM}}{{UNIT}}; --hero-box-padding-block-start: {{TOP}}{{UNIT}}; --hero-box-padding-inline-end: {{RIGHT}}{{UNIT}}; --hero-box-padding-inline-start: {{LEFT}}{{UNIT}};',
    554                 ],
    555                 'default' => [
    556                     'top' => 60,
    557                     'right' => 0,
    558                     'bottom' => 0,
    559                     'left' => 0,
    560                     'unit' => 'px',
    561                 ],
    562                 'separator' => 'before',
    563             ]
    564         );
     457        $padding = new Ehp_Padding( $this, [
     458            'widget_name' => $this->get_name(),
     459            'container_prefix' => 'box',
     460        ] );
     461        $padding->add_style_controls();
    565462
    566463        $this->add_control(
  • hello-plus/trunk/modules/content/widgets/zig-zag.php

    r3238471 r3241372  
    99use Elementor\Controls_Manager;
    1010use Elementor\Group_Control_Background;
    11 use Elementor\Group_Control_Box_Shadow;
    1211use Elementor\Group_Control_Typography;
    1312use Elementor\Repeater;
     
    2423};
    2524use HelloPlus\Modules\Theme\Module as Theme_Module;
    26 use HelloPlus\Classes\Ehp_Button;
     25use HelloPlus\Classes\{
     26    Ehp_Button,
     27    Ehp_Image,
     28    Ehp_Padding,
     29};
    2730
    2831class Zig_Zag extends Widget_Base {
     
    4952
    5053    public function get_style_depends(): array {
    51         return [ 'helloplus-zigzag', 'helloplus-button' ];
     54        return [ 'helloplus-zigzag', 'helloplus-button', 'helloplus-image' ];
    5255    }
    5356
     
    359362        );
    360363
    361         $this->add_control(
    362             'image_stretch',
    363             [
    364                 'label' => esc_html__( 'Stretch', 'hello-plus' ),
    365                 'type' => Controls_Manager::SWITCHER,
    366                 'label_on' => esc_html__( 'Yes', 'hello-plus' ),
    367                 'label_off' => esc_html__( 'No', 'hello-plus' ),
    368                 'return_value' => 'yes',
    369                 'default' => 'no',
    370             ]
    371         );
    372 
    373         $this->add_responsive_control(
    374             'image_height',
    375             [
    376                 'label' => esc_html__( 'Height', 'hello-plus' ),
    377                 'type' => Controls_Manager::SLIDER,
    378                 'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
    379                 'range' => [
    380                     'px' => [
    381                         'max' => 1500,
    382                     ],
    383                     '%' => [
    384                         'max' => 100,
    385                     ],
    386                 ],
    387                 'default' => [
    388                     'size' => 440,
    389                     'unit' => 'px',
    390                 ],
    391                 'selectors' => [
    392                     '{{WRAPPER}} .ehp-zigzag' => '--zigzag-image-height: {{SIZE}}{{UNIT}};',
    393                 ],
    394             ]
    395         );
    396 
    397         $this->add_responsive_control(
    398             'image_width',
    399             [
    400                 'label' => esc_html__( 'Width', 'hello-plus' ),
    401                 'type' => Controls_Manager::SELECT,
    402                 'options' => [
    403                     '50%' => '50%',
    404                     '40%' => '40%',
    405                     '30%' => '30%',
    406                 ],
    407                 'default' => '50%',
    408                 'selectors' => [
    409                     '{{WRAPPER}} .ehp-zigzag' => '--zigzag-image-width: {{VALUE}};',
    410                 ],
    411                 'condition' => [
    412                     'image_stretch!' => 'yes',
    413                 ],
    414             ]
    415         );
    416 
    417         $this->add_responsive_control(
    418             'image_position',
    419             [
    420                 'label' => esc_html__( 'Position', 'hello-plus' ),
    421                 'type' => Controls_Manager::SELECT,
    422                 'desktop_default' => 'center center',
    423                 'tablet_default' => 'center center',
    424                 'mobile_default' => 'center center',
    425                 'options' => [
    426                     '' => esc_html__( 'Default', 'hello-plus' ),
    427                     'center center' => esc_html__( 'Center Center', 'hello-plus' ),
    428                     'center left' => esc_html__( 'Center Left', 'hello-plus' ),
    429                     'center right' => esc_html__( 'Center Right', 'hello-plus' ),
    430                     'top center' => esc_html__( 'Top Center', 'hello-plus' ),
    431                     'top left' => esc_html__( 'Top Left', 'hello-plus' ),
    432                     'top right' => esc_html__( 'Top Right', 'hello-plus' ),
    433                     'bottom center' => esc_html__( 'Bottom Center', 'hello-plus' ),
    434                     'bottom left' => esc_html__( 'Bottom Left', 'hello-plus' ),
    435                     'bottom right' => esc_html__( 'Bottom Right', 'hello-plus' ),
    436                 ],
    437                 'selectors' => [
    438                     '{{WRAPPER}} .ehp-zigzag' => '--zigzag-image-position: {{VALUE}}',
    439                 ],
    440             ]
    441         );
     364        $defaults = [
     365            'has_image_width_slider' => false,
     366            'has_image_width_dropdown' => true,
     367        ];
     368
     369        $image = new Ehp_Image( $this, [ 'widget_name' => $this->get_name() ], $defaults );
     370        $image->add_style_controls();
    442371
    443372        $this->end_controls_section();
     
    633562        ];
    634563
    635         $button = new Ehp_Button( $this, [ 'widget_name' => 'zigzag' ], $defaults );
     564        $button = new Ehp_Button( $this, [ 'widget_name' => $this->get_name() ], $defaults );
    636565        $button->add_button_type_controls(
    637566            [
     
    706635
    707636        $this->add_responsive_control(
    708             'space_rows',
     637            'column_gap',
    709638            [
    710639                'label' => esc_html__( 'Column Gap', 'hello-plus' ),
     
    721650                    ],
    722651                ],
    723                 'selectors' => [
    724                     '{{WRAPPER}} .ehp-zigzag' => '--zigzag-rows-spacing: {{SIZE}}{{UNIT}};',
     652                'default' => [
     653                    'size' => 100,
     654                    'unit' => 'px',
     655                ],
     656                'tablet_default' => [
     657                    'size' => 60,
     658                    'unit' => 'px',
     659                ],
     660                'mobile_default' => [
     661                    'size' => 60,
     662                    'unit' => 'px',
     663                ],
     664                'selectors' => [
     665                    '{{WRAPPER}} .ehp-zigzag' => '--zigzag-column-gap: {{SIZE}}{{UNIT}};',
    725666                ],
    726667                'separator' => 'before',
     
    729670
    730671        $this->add_responsive_control(
    731             'elements_gap',
     672            'row_gap',
    732673            [
    733674                'label' => esc_html__( 'Row Gap', 'hello-plus' ),
     
    742683                    ],
    743684                ],
    744                 'selectors' => [
    745                     '{{WRAPPER}} .ehp-zigzag' => '--zigzag-elements-gap: {{SIZE}}{{UNIT}};',
    746                 ],
    747             ]
    748         );
    749 
    750         $this->add_responsive_control(
    751             'box_padding',
    752             [
    753                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    754                 'type' => Controls_Manager::DIMENSIONS,
    755                 'size_units' => [ 'px', 'em', 'rem', 'custom' ],
    756                 'selectors' => [
    757                     '{{WRAPPER}} .ehp-zigzag' => '--zigzag-box-padding-block-end: {{BOTTOM}}{{UNIT}}; --zigzag-box-padding-block-start: {{TOP}}{{UNIT}}; --zigzag-box-padding-inline-end: {{RIGHT}}{{UNIT}}; --zigzag-box-padding-inline-start: {{LEFT}}{{UNIT}};',
    758                 ],
    759685                'default' => [
    760                     'top' => 60,
    761                     'right' => 0,
    762                     'bottom' => 60,
    763                     'left' => 0,
    764                     'isLinked' => true,
    765                 ],
    766                 'separator' => 'before',
    767             ]
    768         );
     686                    'size' => 120,
     687                    'unit' => 'px',
     688                ],
     689                'tablet_default' => [
     690                    'size' => 40,
     691                    'unit' => 'px',
     692                ],
     693                'mobile_default' => [
     694                    'size' => 32,
     695                    'unit' => 'px',
     696                ],
     697                'selectors' => [
     698                    '{{WRAPPER}} .ehp-zigzag' => '--zigzag-row-gap: {{SIZE}}{{UNIT}};',
     699                ],
     700            ]
     701        );
     702
     703        $padding = new Ehp_Padding( $this, [
     704            'widget_name' => $this->get_name(),
     705            'container_prefix' => 'box',
     706            'default_padding' => [
     707                'top' => 60,
     708                'right' => 0,
     709                'bottom' => 60,
     710                'left' => 0,
     711                'unit' => 'px',
     712            ],
     713        ] );
     714        $padding->add_style_controls();
    769715
    770716        $this->add_control(
  • hello-plus/trunk/modules/forms/assets/js/frontend/handlers/form-redirect.js

    r3206391 r3241372  
    99
    1010    getDefaultElements() {
    11         var selectors = this.getSettings( 'selectors' ),
    12             elements = {};
    13 
    14         elements.$form = this.$element.find( selectors.form );
    15 
    16         return elements;
     11        const selectors = this.getSettings( 'selectors' );
     12        return {
     13            $form: this.$element[ 0 ].querySelector( selectors.form ),
     14            $submitButton: this.$element[ 0 ].querySelector( selectors.submitButton ),
     15        };
    1716    },
    1817
    1918    bindEvents() {
    20         this.elements.$form.on( 'form_destruct', this.handleSubmit );
     19        this.elements.$form.addEventListener( 'form_destruct', this.handleSubmit.bind( this ) );
    2120    },
    2221
    2322    handleSubmit( event, response ) {
    24         if ( 'undefined' !== typeof response.data.redirect_url ) {
     23        if ( response && response.data && response.data.redirect_url ) {
    2524            location.href = response.data.redirect_url;
    2625        }
  • hello-plus/trunk/modules/forms/assets/js/frontend/handlers/form-sender.js

    r3231966 r3241372  
    11export default elementorModules.frontend.handlers.Base.extend( {
    2 
    32    getDefaultSettings() {
    43        return {
     
    1413
    1514    getDefaultElements() {
    16         const selectors = this.getSettings( 'selectors' ),
    17             elements = {};
     15        const selectors = this.getSettings( 'selectors' );
    1816
    19         elements.$form = this.$element.find( selectors.form );
    20         elements.$submitButton = elements.$form.find( selectors.submitButton );
    21 
    22         return elements;
     17        return {
     18            $form: this.$element[ 0 ].querySelector( selectors.form ),
     19            $submitButton: this.$element[ 0 ].querySelector( selectors.submitButton ),
     20        };
    2321    },
    2422
    2523    bindEvents() {
    26         this.elements.$form.on( 'submit', this.handleSubmit );
     24        this.elements.$form.addEventListener( 'submit', this.handleSubmit.bind( this ) );
    2725    },
    2826
    29     beforeSend() {
    30         const $form = this.elements.$form;
     27    beforeSend() {
     28        const form = this.elements.$form;
    3129
    32         $form
    33             .animate( {
    34                 opacity: '0.45',
    35             }, 500 )
    36             .addClass( 'elementor-form-waiting' );
     30        form.style.opacity = '0.45';
     31        form.classList.add( 'elementor-form-waiting' );
    3732
    38         $form
    39             .find( '.elementor-message' )
    40             .remove();
     33        const messageElement = form.querySelector( '.elementor-message' );
     34        if ( messageElement ) {
     35            messageElement.remove();
     36        }
    4137
    42         $form
    43             .find( '.elementor-error' )
    44             .removeClass( 'elementor-error' );
     38        const errorElement = form.querySelector( '.elementor-error' );
     39        if ( errorElement ) {
     40            errorElement.classList.remove( 'elementor-error' );
     41        }
    4542
    46         $form
    47             .find( 'div.elementor-field-group' )
    48             .removeClass( 'error' )
    49             .find( 'span.elementor-form-help-inline' )
    50             .remove()
    51             .end()
    52             .find( ':input' ).attr( 'aria-invalid', 'false' );
     43        const fieldGroups = form.querySelectorAll( 'div.elementor-field-group' );
     44        fieldGroups.forEach( ( group ) => {
     45            group.classList.remove( 'error' );
     46            const helpInline = group.querySelector( 'span.elementor-form-help-inline' );
     47            if ( helpInline ) {
     48                helpInline.remove();
     49            }
    5350
    54         this.elements.$submitButton
    55             .attr( 'disabled', 'disabled' )
    56             .find( '> span' )
    57             .prepend( '<span class="elementor-button-text elementor-form-spinner"><i class="fa fa-spinner fa-spin"></i>&nbsp;</span>' );
    58     },
     51            const inputElements = group.querySelectorAll( ':input' );
     52            inputElements.forEach( ( input ) => input.setAttribute( 'aria-invalid', 'false' ) );
     53        } );
    5954
    60     getFormData() {
    61         const formData = new FormData( this.elements.$form[ 0 ] );
    62         formData.append( 'action', this.getSettings( 'action' ) );
    63         formData.append( 'nonce', this.getSettings( 'nonce' ) );
    64         formData.append( 'referrer', location.toString() );
     55        this.elements.$submitButton.setAttribute( 'disabled', 'disabled' );
     56        const spinner = document.createElement( 'span' );
     57        spinner.classList.add( 'elementor-button-text', 'elementor-form-spinner' );
     58        spinner.innerHTML = '<i class="fa fa-spinner fa-spin"></i>&nbsp;';
     59        this.elements.$submitButton.prepend( spinner );
     60    },
    6561
    66         return formData;
    67     },
     62    getFormData() {
     63        const formData = new FormData( this.elements.$form );
     64        formData.append( 'action', this.getSettings( 'action' ) );
     65        formData.append( 'nonce', this.getSettings( 'nonce' ) );
     66        formData.append( 'referrer', location.toString() );
    6867
    69     onSuccess( response ) {
    70         const $form = this.elements.$form;
     68        return formData;
     69    },
    7170
    72         this.elements.$submitButton
    73             .removeAttr( 'disabled' )
    74             .find( '.elementor-form-spinner' )
    75             .remove();
     71    onSuccess( response ) {
     72        const form = this.elements.$form;
    7673
    77         $form
    78             .animate( {
    79                 opacity: '1',
    80             }, 100 )
    81             .removeClass( 'elementor-form-waiting' );
     74        this.elements.$submitButton.removeAttribute( 'disabled' );
     75        const spinner = this.elements.$submitButton.querySelector( '.elementor-form-spinner' );
     76        if ( spinner ) {
     77            spinner.remove();
     78        }
     79
     80        form.style.opacity = '1';
     81        form.classList.remove( 'elementor-form-waiting' );
    8282
    8383        if ( ! response.success ) {
    8484            if ( response.data.errors ) {
    85                 jQuery.each( response.data.errors, function( key, title ) {
    86                     $form
    87                         .find( '#form-field-' + key )
    88                         .parent()
    89                         .addClass( 'elementor-error' )
    90                         .append( '<span class="elementor-message elementor-message-danger elementor-help-inline elementor-form-help-inline" role="alert"></span>' ).text( title )
    91                         .find( ':input' ).attr( 'aria-invalid', 'true' );
     85                Object.entries( response.data.errors ).forEach( ( [ key, title ] ) => {
     86                    const field = form.querySelector( `#form-field-${ key }` );
     87                    if ( field ) {
     88                        field.parentElement.classList.add( 'elementor-error' );
     89                        const errorMessage = document.createElement( 'span' );
     90                        errorMessage.classList.add( 'elementor-message', 'elementor-message-danger', 'elementor-help-inline', 'elementor-form-help-inline' );
     91                        errorMessage.setAttribute( 'role', 'alert' );
     92                        errorMessage.textContent = title;
     93                        field.parentElement.appendChild( errorMessage );
     94                        const input = field.querySelector( 'input' );
     95                        if ( input ) {
     96                            input.setAttribute( 'aria-invalid', 'true' );
     97                        }
     98                    }
    9299                } );
    93 
    94                 $form.trigger( 'error' );
    95             }
    96             $form.append( '<div class="elementor-message elementor-message-danger" role="alert"></div>' ).text( response.data.message );
    97         } else {
    98             $form.trigger( 'submit_success', response.data );
    99 
    100             // For actions like redirect page
    101             $form.trigger( 'form_destruct', response.data );
    102 
    103             $form.trigger( 'reset' );
    104 
    105             let successClass = 'elementor-message elementor-message-success';
    106 
    107             if ( elementorFrontendConfig.experimentalFeatures.e_font_icon_svg ) {
    108                 successClass += ' elementor-message-svg';
     100                form.dispatchEvent( new Event( 'error' ) );
    109101            }
    110102
    111             if ( 'undefined' !== typeof response.data.message && '' !== response.data.message ) {
    112                 $form.append( '<div class="' + successClass + '" role="alert"></div>' ).text( response.data.message );
     103            const errorMessage = document.createElement( 'div' );
     104            errorMessage.classList.add( 'elementor-message', 'elementor-message-danger' );
     105            errorMessage.setAttribute( 'role', 'alert' );
     106            errorMessage.textContent = response.data.message;
     107            form.appendChild( errorMessage );
     108        } else {
     109            form.dispatchEvent( new CustomEvent( 'submit_success', { detail: response.data } ) );
     110            form.dispatchEvent( new CustomEvent( 'form_destruct', { detail: response.data } ) );
     111
     112            form.reset();
     113
     114            const successClass = [ 'elementor-message', 'elementor-message-success' ];
     115            if ( elementorFrontendConfig.experimentalFeatures.e_font_icon_svg ) {
     116                successClass.push( 'elementor-message-svg' );
     117            }
     118
     119            if ( response.data.message && response.data.message !== '' ) {
     120                const successMessage = document.createElement( 'div' );
     121                successMessage.classList.add( ...successClass );
     122                successMessage.setAttribute( 'role', 'alert' );
     123                successMessage.textContent = response.data.message;
     124                form.appendChild( successMessage );
    113125            }
    114126        }
    115     },
     127    },
    116128
    117     onError( xhr, desc ) {
    118         const $form = this.elements.$form;
     129    onError( xhr, desc ) {
     130        const form = this.elements.$form;
    119131
    120         $form.append( '<div class="elementor-message elementor-message-danger" role="alert"></div>' ).text( desc );
     132        const dangerMessage = document.createElement( 'div' );
     133        dangerMessage.classList.add( 'elementor-message', 'elementor-message-danger' );
     134        dangerMessage.setAttribute( 'role', 'alert' );
     135        dangerMessage.textContent = desc;
     136        form.appendChild( dangerMessage );
    121137
    122         this.elements.$submitButton
    123             .html( this.elements.$submitButton.text() )
    124             .removeAttr( 'disabled' );
     138        this.elements.$submitButton.innerHTML = this.elements.$submitButton.textContent;
     139        this.elements.$submitButton.removeAttribute( 'disabled' );
    125140
    126         $form
    127             .animate( {
    128                 opacity: '1',
    129             }, 100 )
    130             .removeClass( 'elementor-form-waiting' );
     141        form.style.opacity = '1';
     142        form.classList.remove( 'elementor-form-waiting' );
    131143
    132         $form.trigger( 'error' );
    133     },
     144        form.dispatchEvent( new Event( 'error' ) );
     145    },
    134146
    135     handleSubmit( event ) {
    136         const self = this,
    137             $form = this.elements.$form;
     147    handleSubmit( event ) {
     148        event.preventDefault();
    138149
    139         event.preventDefault();
     150        const form = this.elements.$form;
    140151
    141         if ( $form.hasClass( 'elementor-form-waiting' ) ) {
    142             return false;
    143         }
     152        if ( form.classList.contains( 'elementor-form-waiting' ) ) {
     153            return false;
     154        }
    144155
    145         this.beforeSend();
     156        this.beforeSend();
    146157
    147         jQuery.ajax( {
    148             url: self.getSettings( 'ajaxUrl' ),
    149             type: 'POST',
    150             dataType: 'json',
    151             data: self.getFormData(),
    152             processData: false,
    153             contentType: false,
    154             success: self.onSuccess,
    155             error: self.onError,
    156         } );
    157     },
     158        fetch( this.getSettings( 'ajaxUrl' ), {
     159            method: 'POST',
     160            body: this.getFormData(),
     161        } )
     162        .then( ( response ) => response.json() )
     163        .then( ( data ) => this.onSuccess( data ) )
     164        .catch( ( error ) => this.onError( null, error ) );
     165    },
    158166} );
  • hello-plus/trunk/modules/forms/assets/scss/widgets/hello-plus-forms.scss

    r3238471 r3241372  
    131131    &__field[type="tel"],
    132132    &__textarea,
    133     &__select select {
     133    &__select {
    134134        background-color: var(--ehp-form-field-bg-color);
    135135        border: 0;
  • hello-plus/trunk/modules/forms/classes/form-base.php

    r3231966 r3241372  
    7070                'select-wrapper' . $i => [
    7171                    'class' => [
    72                         'ehp-form__field',
    73                         'elementor-field',
    74                         'ehp-form__select',
     72                        'ehp-form__select-wrapper',
    7573                        'remove-before',
    7674                        esc_attr( $item['css_classes'] ),
     
    8179                    'id' => $this->get_attribute_id( $item ),
    8280                    'class' => [
     81                        'ehp-form__field',
     82                        'elementor-field',
    8383                        'elementor-field-textual',
     84                        'ehp-form__select',
    8485                        'elementor-size-' . $item['input_size'],
    8586                    ],
  • hello-plus/trunk/modules/template-parts/assets/js/handlers/hello-plus-header-fe.js

    r3238471 r3241372  
    178178
    179179    isResponsiveBreakpoint() {
    180         const device = this.getCurrentDevice();
    181         return this.elements.main.classList.contains( `has-navigation-breakpoint-${ device }-portrait` );
    182     }
    183 
    184     getCurrentDevice() {
    185         const { mobilePortrait, tabletPortrait, mobile, tablet, desktop } = this.getSettings( 'constants' );
    186 
    187         const isMobile = window.innerWidth <= mobilePortrait;
    188         const isTablet = window.innerWidth <= tabletPortrait;
    189 
    190         if ( isMobile ) {
    191             return mobile;
    192         } else if ( isTablet ) {
    193             return tablet;
    194         }
    195         return desktop;
     180        const responsiveBreakpoint = this.elements.main.getAttribute( 'data-responsive-breakpoint' );
     181
     182        if ( ! responsiveBreakpoint ) {
     183            return false;
     184        }
     185
     186        const { mobilePortrait, tabletPortrait } = this.getSettings( 'constants' );
     187
     188        const breakpointValue = 'tablet-portrait' === responsiveBreakpoint ? tabletPortrait : mobilePortrait;
     189
     190        return window.innerWidth <= breakpointValue;
    196191    }
    197192
  • hello-plus/trunk/modules/template-parts/assets/scss/hello-plus-footer.scss

    r3212699 r3241372  
    2626    --footer-icon-color-hover: #555963;
    2727
    28     --footer-box-padding-block-start: 40px;
    29     --footer-box-padding-block-end: 40px;
    30     --footer-box-padding-inline-start: 40px;
    31     --footer-box-padding-inline-end: 40px;
    32 
    3328    --footer-vertical-gap-content-default: 20px;
    3429    --footer-vertical-gap-copyright-default: 60px;
     
    5247    padding-inline-start: var(--footer-box-padding-inline-start);
    5348    padding-inline-end: var(--footer-box-padding-inline-end);
    54 
    55     @media screen and (min-width: $screen-tablet-min) {
    56         --footer-box-padding-block-start: 60px;
    57         --footer-box-padding-block-end: 60px;
    58         --footer-box-padding-inline-start: 60px;
    59         --footer-box-padding-inline-end: 60px;
    60     }
    61 
    62     @media screen and (min-width: $screen-desktop-min) {
    63         --footer-box-padding-block-start: 100px;
    64         --footer-box-padding-block-end: 100px;
    65         --footer-box-padding-inline-start: 100px;
    66         --footer-box-padding-inline-end: 100px;
    67     }
    6849
    6950    &.has-box-border {
  • hello-plus/trunk/modules/template-parts/assets/scss/hello-plus-header.scss

    r3238471 r3241372  
    2727    --header-button-primary-border-width: 0;
    2828    --header-button-primary-border-color: transparent;
    29     --header-button-primary-padding-block-end: 8px;
    30     --header-button-primary-padding-block-start: 8px;
    31     --header-button-primary-padding-inline-end: 16px;
    32     --header-button-primary-padding-inline-start: 16px;
    3329    --header-button-primary-border-radius-block-end: #{$corners-shape-default};
    3430    --header-button-primary-border-radius-block-start: #{$corners-shape-default};
     
    4238    --header-button-secondary-border-width: 2px;
    4339    --header-button-secondary-border-color: #{$global-colors-secondary};
    44     --header-button-secondary-padding-block-end: 8px;
    45     --header-button-secondary-padding-block-start: 8px;
    46     --header-button-secondary-padding-inline-end: 16px;
    47     --header-button-secondary-padding-inline-start: 16px;
    4840    --header-button-secondary-border-radius-block-end: #{$corners-shape-default};
    4941    --header-button-secondary-border-radius-block-start: #{$corners-shape-default};
     
    6355    --header-pointer-hover-highlight-bg-color: #E0EAFF;
    6456    --header-pointer-hover-highlight-padding-inline-default: 8px;
    65     --header-pointer-hover-highlight-padding-block-default: 4px;--header-pointer-hover-highlight-padding-inline-thin: 6px;
     57    --header-pointer-hover-highlight-padding-block-default: 4px;
     58    --header-pointer-hover-highlight-padding-inline-thin: 6px;
    6659    --header-pointer-hover-highlight-padding-block-thin: 2px;
    6760    --header-pointer-hover-highlight-padding-inline-thick: 8px;
     
    7568    --header-focus-active-highlight-bg-color: #E0EAFF;
    7669    --header-focus-active-highlight-padding-inline-default: 8px;
    77     --header-focus-active-highlight-padding-block-default: 4px;--header-focus-active-highlight-padding-inline-thin: 6px;
     70    --header-focus-active-highlight-padding-block-default: 4px;
     71    --header-focus-active-highlight-padding-inline-thin: 6px;
    7872    --header-focus-active-highlight-padding-block-thin: 2px;
    7973    --header-focus-active-highlight-padding-inline-thick: 8px;
     
    8781    --header-dropdown-divider-width: 1px;
    8882
    89     --header-box-padding-block-start: 16px;
    90     --header-box-padding-block-end: 16px;
    91     --header-box-padding-inline-start: 32px;
    92     --header-box-padding-inline-end: 32px;
    9383    --header-box-border-width: 1px;
    9484    --header-box-border-color: #555963;
     
    10797    --header-button-border-radius-custom-inline-end: #{$corners-shape-default};
    10898    --header-button-border-radius-custom-inline-start: #{$corners-shape-default};
     99
     100    --header-box-padding-block-start: 16px;
     101    --header-box-padding-block-end: 16px;
     102    --header-box-padding-inline-start: 32px;
     103    --header-box-padding-inline-end: 32px;
    109104
    110105    display: flex;
     
    295290    &__navigation {
    296291        order: 1;
     292        z-index: 999;
    297293
    298294        &[aria-hidden="true"] {
     
    757753    }
    758754
    759     &.has-navigation-breakpoint-mobile-portrait {
     755    &[data-responsive-breakpoint="mobile-portrait"] {
    760756
    761757        @media screen and (max-width: $screen-mobile-max) {
     
    768764    }
    769765
    770     &.has-navigation-breakpoint-tablet-portrait {
     766    &[data-responsive-breakpoint="tablet-portrait"] {
    771767
    772768        @media screen and (max-width: $screen-tablet-max) {
  • hello-plus/trunk/modules/template-parts/classes/render/widget-header-render.php

    r3238471 r3241372  
    4646
    4747        if ( ! empty( $navigation_breakpoint ) ) {
    48             $layout_classnames[] = 'has-navigation-breakpoint-' . $navigation_breakpoint;
     48            $this->widget->add_render_attribute( 'layout', [
     49                'data-responsive-breakpoint' => $navigation_breakpoint,
     50            ] );
    4951        }
    5052
  • hello-plus/trunk/modules/template-parts/widgets/ehp-footer.php

    r3222404 r3241372  
    2020    Render\Widget_Footer_Render,
    2121    Control_Media_Preview,
     22};
     23
     24use HelloPlus\Classes\{
     25    Ehp_Padding,
    2226};
    2327
     
    11031107        );
    11041108
    1105         $this->add_responsive_control(
    1106             'footer_padding',
    1107             [
    1108                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    1109                 'type' => Controls_Manager::DIMENSIONS,
    1110                 'size_units' => [ 'px', '%' ],
    1111                 'default' => [
    1112                     'top' => 100,
    1113                     'right' => 100,
    1114                     'bottom' => 100,
    1115                     'left' => 100,
    1116                     'unit' => 'px',
    1117                 ],
    1118                 'tablet_default' => [
    1119                     'top' => 60,
    1120                     'right' => 60,
    1121                     'bottom' => 60,
    1122                     'left' => 60,
    1123                     'unit' => 'px',
    1124                 ],
    1125                 'mobile_default' => [
    1126                     'top' => 40,
    1127                     'right' => 40,
    1128                     'bottom' => 40,
    1129                     'left' => 40,
    1130                     'unit' => 'px',
    1131                 ],
    1132                 'selectors' => [
    1133                     '{{WRAPPER}} .ehp-footer' => '--footer-box-padding-block-end: {{BOTTOM}}{{UNIT}}; --footer-box-padding-block-start: {{TOP}}{{UNIT}}; --footer-box-padding-inline-end: {{RIGHT}}{{UNIT}}; --footer-box-padding-inline-start: {{LEFT}}{{UNIT}};',
    1134                 ],
    1135             ]
    1136         );
     1109        $padding = new Ehp_Padding( $this, [
     1110            'widget_name' => 'footer',
     1111            'container_prefix' => 'box',
     1112            'default_padding' => [
     1113                'top' => 100,
     1114                'right' => 100,
     1115                'bottom' => 100,
     1116                'left' => 100,
     1117                'unit' => 'px',
     1118            ],
     1119            'tablet_default_padding' => [
     1120                'top' => 60,
     1121                'right' => 60,
     1122                'bottom' => 60,
     1123                'left' => 60,
     1124                'unit' => 'px',
     1125            ],
     1126            'mobile_default_padding' => [
     1127                'top' => 40,
     1128                'right' => 40,
     1129                'bottom' => 40,
     1130                'left' => 40,
     1131                'unit' => 'px',
     1132            ],
     1133        ] );
     1134        $padding->add_style_controls();
    11371135
    11381136        $this->end_controls_section();
  • hello-plus/trunk/modules/template-parts/widgets/ehp-header.php

    r3238471 r3241372  
    2323
    2424use HelloPlus\Modules\Theme\Module as Theme_Module;
    25 use HelloPlus\Classes\Ehp_Button;
     25use HelloPlus\Classes\{
     26    Ehp_Button,
     27    Ehp_Padding,
     28};
    2629
    2730class Ehp_Header extends Ehp_Widget_Base {
     
    16741677        );
    16751678
    1676         $this->add_responsive_control(
    1677             'box_padding',
    1678             [
    1679                 'label' => esc_html__( 'Padding', 'hello-plus' ),
    1680                 'type' => Controls_Manager::DIMENSIONS,
    1681                 'size_units' => [ 'px', '%', 'em', 'rem' ],
    1682                 'default' => [
    1683                     'top' => 16,
    1684                     'right' => 32,
    1685                     'bottom' => 16,
    1686                     'left' => 32,
    1687                     'unit' => 'px',
    1688                 ],
    1689                 'selectors' => [
    1690                     '{{WRAPPER}} .ehp-header' => '--header-box-padding-block-end: {{BOTTOM}}{{UNIT}}; --header-box-padding-block-start: {{TOP}}{{UNIT}}; --header-box-padding-inline-end: {{RIGHT}}{{UNIT}}; --header-box-padding-inline-start: {{LEFT}}{{UNIT}};',
    1691                 ],
    1692             ]
    1693         );
     1679        $padding = new Ehp_Padding( $this, [
     1680            'widget_name' => 'header',
     1681            'container_prefix' => 'box',
     1682            'default_padding' => [
     1683                'top' => 16,
     1684                'right' => 32,
     1685                'bottom' => 16,
     1686                'left' => 32,
     1687                'unit' => 'px',
     1688            ],
     1689        ] );
     1690        $padding->add_style_controls();
    16941691
    16951692        $this->end_controls_section();
  • hello-plus/trunk/modules/theme/module.php

    r3238471 r3241372  
    4242            HELLOPLUS_VERSION
    4343        );
     44
     45        wp_register_style(
     46            'helloplus-image',
     47            HELLOPLUS_STYLE_URL . 'helloplus-image.css',
     48            [ 'elementor-frontend' ],
     49            HELLOPLUS_VERSION
     50        );
    4451    }
    4552
  • hello-plus/trunk/package-lock.json

    r3238471 r3241372  
    11{
    22    "name": "hello-plus",
    3     "version": "1.2.0",
     3    "version": "1.2.1",
    44    "lockfileVersion": 3,
    55    "requires": true,
     
    77        "": {
    88            "name": "hello-plus",
    9             "version": "1.2.0",
     9            "version": "1.2.1",
    1010            "dependencies": {
    1111                "@elementor/icons": "1.12.0",
  • hello-plus/trunk/package.json

    r3238471 r3241372  
    44    "homepage": "https://elementor.com/",
    55    "description": "A quick-start theme for Elementor.",
    6     "version": "1.2.0",
     6    "version": "1.2.1",
    77    "scripts": {
    88        "start": "wp-scripts start",
  • hello-plus/trunk/readme.txt

    r3238471 r3241372  
    44Requires at least: 6.0
    55Tested up to: 6.7
    6 Stable tag: 1.2.0
     6Stable tag: 1.2.1
    77Requires PHP: 7.4
    88License: GPL-3
     
    8383
    8484== Changelog ==
     85= 1.2.1 - 2025-02-16 =
     86* Tweak: Kits thumbnails overview
     87* Tweak: Improve RTL support
     88* Fix: Form Lite - Message Style Not Applied
     89* Fix: Header - Toggle doesn't open menu on responsive
     90
    8591= 1.2.0 - 2025-02-11 =
    8692* New: Hello+ Header & Footer Templates Library
  • hello-plus/trunk/webpack.config.js

    r3238471 r3241372  
    3737    'js/helloplus-forms-fe': path.resolve( modulesDir, 'forms/assets/js/frontend', 'frontend.js' ),
    3838
    39     // Button
     39    // Classes
    4040    'css/helloplus-button': path.resolve( process.cwd(), 'assets/dev/scss', 'ehp-button.scss' ),
     41    'css/helloplus-image': path.resolve( process.cwd(), 'assets/dev/scss', 'ehp-image.scss' ),
    4142};
    4243
Note: See TracChangeset for help on using the changeset viewer.