/* Divine Aesthetics: extra rules for pages built in Elementor. Loaded after style.scoped.css. */

/* 1. Elementor containers that hold Divine sections: no padding, gaps or width limits. */
.elementor .das-sec{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;--container-max-width:100%;padding:0!important;margin:0!important;gap:0!important;width:100%!important;max-width:100%!important;min-height:0!important}
.elementor .das-sec>.e-con-inner{max-width:100%!important;padding:0!important;gap:0!important}
.elementor .das-sec>.elementor-container{max-width:100%!important}
.elementor .das-sec .elementor-widget{margin:0!important;width:100%;max-width:100%}
.elementor .das-sec .elementor-widget-container{margin:0!important;padding:0!important}
/* same thing without relying on the CSS class, in case it was removed */
.elementor .e-con:has(> .elementor-widget-html .das-site){padding:0!important;gap:0!important;max-width:100%!important}

/* 2. Menu bar stays at the top while scrolling. It sticks to its Elementor container, because a sticky element
      cannot leave the box it sits in. */
.elementor .das-sticky{position:sticky!important;top:0;z-index:100}
.elementor .e-con:has(> .elementor-widget-html .site-header){position:sticky;top:0;z-index:100}
.das-site .site-header{position:static}
body.admin-bar .elementor .das-sticky,body.admin-bar .elementor .e-con:has(> .elementor-widget-html .site-header){top:32px}
@media (max-width:782px){body.admin-bar .elementor .das-sticky,body.admin-bar .elementor .e-con:has(> .elementor-widget-html .site-header){top:46px}}

/* 3. Inside the Elementor editor the fade-in effects are switched off so everything is visible while editing. */
.elementor-editor-active .das-site .reveal{opacity:1!important;transform:none!important}
.elementor-editor-active .elementor .das-sticky{position:relative!important}

/* 4. Themes often restyle plain form labels. Put them back to normal inside Divine sections. */
.das-site label{display:inline;line-height:inherit;vertical-align:baseline}