/* =========================================================
   STICKY FOOTER LAYOUT
========================================================= */

html {
    min-height: 100%;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

body > [data-elementor-type="single"],
body > [data-elementor-type="archive"],
body > main,
body > .site-main {
    flex: 1 0 auto;
    width: 100%;
}

body > [data-elementor-type="header"],
body > [data-elementor-type="footer"],
body > .site-header,
body > .site-footer {
    flex: 0 0 auto;
    width: 100%;
}

body > [data-elementor-type="footer"],
body > .site-footer {
    margin-top: auto;
}


/* =========================================================
   LAYOUT UTILITIES
========================================================= */

.site-width {
    width: 100%;
    max-width: var(--site-width);
    margin-inline: auto;
}

.content-width {
    width: 100%;
    max-width: var(--content-width);
    margin-inline: auto;
}

.site-padding {
    padding-inline: var(--site-inline-padding);
}

.full-bleed {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
}