/*
 * NR Engineering Responsive Controller v4
 *
 * FRONT-END ONLY.
 * Elementor editor/preview is excluded in PHP.
 *
 * Desktop expansion:
 * 1367–1679px  -> 1350px
 * 1680–2199px  -> 1600px
 * 2200px+      -> 1800px
 */

/* -------------------------------------------------------------------------
   LARGE DESKTOP: Elementor Containers
   ------------------------------------------------------------------------- */
@media screen and (min-width: 1367px) {

    html body:not(.elementor-editor-active) .elementor .e-con.e-con-boxed {
        --container-max-width: var(--nrrc4-1440) !important;
    }

    html body:not(.elementor-editor-active) .elementor .e-con.e-con-boxed > .e-con-inner {
        width: min(calc(100% - (var(--nrrc4-pad) * 2)), var(--nrrc4-1440)) !important;
        max-width: var(--nrrc4-1440) !important;
    }
}

/* 1680–2199 */
@media screen and (min-width: 1680px) {

    html body:not(.elementor-editor-active) .elementor .e-con.e-con-boxed {
        --container-max-width: var(--nrrc4-1920) !important;
    }

    html body:not(.elementor-editor-active) .elementor .e-con.e-con-boxed > .e-con-inner {
        width: min(calc(100% - (var(--nrrc4-pad) * 2)), var(--nrrc4-1920)) !important;
        max-width: var(--nrrc4-1920) !important;
    }
}

/* 2200+ */
@media screen and (min-width: 2200px) {

    html body:not(.elementor-editor-active) .elementor .e-con.e-con-boxed {
        --container-max-width: var(--nrrc4-2560) !important;
    }

    html body:not(.elementor-editor-active) .elementor .e-con.e-con-boxed > .e-con-inner {
        width: min(calc(100% - (var(--nrrc4-pad) * 2)), var(--nrrc4-2560)) !important;
        max-width: var(--nrrc4-2560) !important;
    }
}

/* -------------------------------------------------------------------------
   LEGACY ELEMENTOR SECTIONS
   ------------------------------------------------------------------------- */
@media screen and (min-width: 1367px) {

    html body:not(.elementor-editor-active) .elementor .elementor-section.elementor-section-boxed > .elementor-container {
        width: min(calc(100% - (var(--nrrc4-pad) * 2)), var(--nrrc4-1440)) !important;
        max-width: var(--nrrc4-1440) !important;
    }
}

@media screen and (min-width: 1680px) {

    html body:not(.elementor-editor-active) .elementor .elementor-section.elementor-section-boxed > .elementor-container {
        width: min(calc(100% - (var(--nrrc4-pad) * 2)), var(--nrrc4-1920)) !important;
        max-width: var(--nrrc4-1920) !important;
    }
}

@media screen and (min-width: 2200px) {

    html body:not(.elementor-editor-active) .elementor .elementor-section.elementor-section-boxed > .elementor-container {
        width: min(calc(100% - (var(--nrrc4-pad) * 2)), var(--nrrc4-2560)) !important;
        max-width: var(--nrrc4-2560) !important;
    }
}

/* -------------------------------------------------------------------------
   COMMON THEME CONTAINERS
   Only applies inside the Elementor page content.
   ------------------------------------------------------------------------- */
@media screen and (min-width: 1367px) {

    html body:not(.elementor-editor-active) .elementor .container {
        max-width: var(--nrrc4-1440) !important;
    }
}

@media screen and (min-width: 1680px) {

    html body:not(.elementor-editor-active) .elementor .container {
        max-width: var(--nrrc4-1920) !important;
    }
}

@media screen and (min-width: 2200px) {

    html body:not(.elementor-editor-active) .elementor .container {
        max-width: var(--nrrc4-2560) !important;
    }
}

/* -------------------------------------------------------------------------
   FULL-WIDTH ELEMENTOR ELEMENTS MUST STAY FULL WIDTH
   ------------------------------------------------------------------------- */
html body:not(.elementor-editor-active) .elementor .elementor-section.elementor-section-full_width > .elementor-container,
html body:not(.elementor-editor-active) .elementor .e-con.e-con-full {
    width: 100% !important;
    max-width: none !important;
}