/* Shared layout system for Unknown-Explorer Suite 2.0.2 */
.ue-suite-active .ueh-wrap,
.ue-suite-active .uec-wrap,
.ue-suite-active .ues-support{box-sizing:border-box;min-width:0}

/* "wide" and "full" deliberately escape narrow WordPress content containers. */
body.ue-suite-layout-wide .ueh-wrap,
body.ue-suite-layout-wide .uec-wrap,
body.ue-suite-layout-full .ueh-wrap,
body.ue-suite-layout-full .uec-wrap{
    width:100vw!important;
    width:100dvw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-left:calc(50% - 50dvw)!important;
    margin-right:0!important;
    padding-left:var(--ue-suite-desktop-gap)!important;
    padding-right:var(--ue-suite-desktop-gap)!important;
}

body.ue-suite-layout-wide .ueh-wrap,
body.ue-suite-layout-wide .uec-wrap{
    padding-left:max(var(--ue-suite-desktop-gap),calc((100vw - var(--ue-suite-max-width))/2))!important;
    padding-right:max(var(--ue-suite-desktop-gap),calc((100vw - var(--ue-suite-max-width))/2))!important;
}

body.ue-suite-layout-wide .ues-support,
body.ue-suite-layout-full .ues-support{
    width:100vw!important;
    width:100dvw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-left:calc(50% - 50dvw)!important;
    margin-right:0!important;
}
body.ue-suite-layout-wide .ues-shell{width:100%!important;max-width:var(--ue-suite-max-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--ue-suite-desktop-gap)!important;padding-right:var(--ue-suite-desktop-gap)!important}
body.ue-suite-layout-full .ues-shell{width:100%!important;max-width:none!important;padding-left:var(--ue-suite-desktop-gap)!important;padding-right:var(--ue-suite-desktop-gap)!important}

/* Remove the old per-module width caps when the shared wide layout is active. */
body.ue-suite-layout-wide .ueh-wrap{--ueh-max-width:var(--ue-suite-max-width)!important}
body.ue-suite-layout-wide .uec-wrap{--uec-max:var(--ue-suite-max-width)!important}
body.ue-suite-layout-wide .ues-support{--ues-max:var(--ue-suite-max-width)!important}
body.ue-suite-layout-full .ueh-wrap{--ueh-max-width:none!important}
body.ue-suite-layout-full .uec-wrap{--uec-max:none!important}
body.ue-suite-layout-full .ues-support{--ues-max:none!important}

/* At wider widths forms can use the available space without making individual inputs awkwardly huge. */
body:not(.ue-suite-layout-theme) .uec-contact-header,
body:not(.ue-suite-layout-theme) .uec-form-heading,
body:not(.ue-suite-layout-theme) .uec-location-head{max-width:820px}
body:not(.ue-suite-layout-theme) .uec-grid{column-gap:22px}

/* Support cards should use the additional horizontal space. */
body:not(.ue-suite-layout-theme) .ues-grid{gap:20px}
body:not(.ue-suite-layout-theme) .ues-card{min-width:0}

@media(max-width:900px){
    body.ue-suite-layout-wide .ueh-wrap,
    body.ue-suite-layout-wide .uec-wrap,
    body.ue-suite-layout-full .ueh-wrap,
    body.ue-suite-layout-full .uec-wrap{padding-left:var(--ue-suite-tablet-gap)!important;padding-right:var(--ue-suite-tablet-gap)!important}
    body.ue-suite-layout-wide .ues-shell,
    body.ue-suite-layout-full .ues-shell{padding-left:var(--ue-suite-tablet-gap)!important;padding-right:var(--ue-suite-tablet-gap)!important}
}
@media(max-width:700px){
    body.ue-suite-layout-wide .ueh-wrap,
    body.ue-suite-layout-wide .uec-wrap,
    body.ue-suite-layout-full .ueh-wrap,
    body.ue-suite-layout-full .uec-wrap{padding-left:var(--ue-suite-mobile-gap)!important;padding-right:var(--ue-suite-mobile-gap)!important}
    body.ue-suite-layout-wide .ues-shell,
    body.ue-suite-layout-full .ues-shell{padding-left:var(--ue-suite-mobile-gap)!important;padding-right:var(--ue-suite-mobile-gap)!important}
}