/* Loaded only on About (115), Retailers (113) and Legal (548). */
#main-content {
    --q-content-gutter: clamp(24px, 5vw, 88px);
    --q-content-wide: 1280px;
    --q-content-reading: 960px;
}

/* About and Legal: contain the outer row, including WPBakery's stretch offsets. */
#main-content .vc_section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-content .vc_section > .vc_row.container {
    box-sizing: border-box !important;
    width: calc(100% - var(--q-content-gutter) - var(--q-content-gutter)) !important;
    max-width: var(--q-content-wide) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: auto !important;
}
#main-content .vc_section > .vc_row.container > .vc_column_container > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* About prose is narrower; nested contact columns keep the outer row's width. */
#main-content .section-about-us > .vc_row.container {
    max-width: 1120px !important;
}
#main-content .section-about-us > .vc_row.container > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
    width: 100%;
    max-width: var(--q-content-reading);
    margin-left: auto;
    margin-right: auto;
}

/* Retailers: preserve the full-width hero, inset its prose and the listing section. */
#main-content > .wpb-content-wrapper > .qintro-section .qintro-wrap {
    box-sizing: border-box;
    width: calc(100% - var(--q-content-gutter) - var(--q-content-gutter));
    max-width: 1120px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#main-content .vc_section:has(.retailers-list-item) {
    box-sizing: border-box;
    width: calc(100% - var(--q-content-gutter) - var(--q-content-gutter));
    max-width: var(--q-content-wide);
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-content .vc_section:has(.retailers-list-item) > .vc_row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#main-content .vc_section:has(.retailers-list-item) > .vc_row > .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
#wpb-content-root .retailers-list-item > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
#wpb-content-root .retailers-list-item a {
    overflow-wrap: anywhere;
}