/* Bootstrap hidden components */

.grid-show-hidden .visible-xs,
.grid-show-hidden .visible-sm,
.grid-show-hidden .visible-md,
.grid-show-hidden .visible-lg {
    display: block !important;
}

    .grid-show-hidden .visible-sm::after,
    .grid-show-hidden .visible-md::after,
    .grid-show-hidden .visible-xs::after,
    .grid-show-hidden .visible-lg::after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
        opacity: 0.5;
        pointer-events: none;
    }


.grid-show-hidden .visible-xs-inline,
.grid-show-hidden .visible-xs-inline-block,
.grid-show-hidden .visible-xs-block,
.grid-show-hidden .visible-sm-block,
.grid-show-hidden .visible-sm-inline,
.grid-show-hidden .visible-sm-inline-block,
.grid-show-hidden .visible-md-block,
.grid-show-hidden .visible-md-inline,
.grid-show-hidden .visible-md-inline-block,
.grid-show-hidden .visible-lg-block,
.grid-show-hidden .visible-lg-inline,
.grid-show-hidden .visible-lg-inline-block {
    display: block !important;
}


    .grid-show-hidden .visible-xs-inline::after,
    .grid-show-hidden .visible-xs-inline-block::after,
    .grid-show-hidden .visible-xs-block::after,
    .grid-show-hidden .visible-sm-block::after,
    .grid-show-hidden .visible-sm-inline::after,
    .grid-show-hidden .visible-sm-inline-block::after,
    .grid-show-hidden .visible-md-block::after,
    .grid-show-hidden .visible-md-inline::after,
    .grid-show-hidden .visible-md-inline-block::after,
    .grid-show-hidden .visible-lg-block::after,
    .grid-show-hidden .visible-lg-inline::after,
    .grid-show-hidden .visible-lg-inline-block::after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
        opacity: 0.5;
        pointer-events: none;
    }

@media (max-width: 767px) {
    .grid-show-hidden .visible-xs-block::after,
    .grid-show-hidden .visible-xs-inline::after,
    .grid-show-hidden .visible-xs-inline-block::after {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .grid-show-hidden .visible-sm-block::after,
    .grid-show-hidden .visible-sm-inline::after,
    .grid-show-hidden .visible-sm-inline-block::after {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .grid-show-hidden .visible-md-block::after,
    .grid-show-hidden .visible-md-inline::after,
    .grid-show-hidden .visible-md-inline-block::after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .grid-show-hidden .visible-lg-block::after,
    .grid-show-hidden .visible-lg-inline::after,
    .grid-show-hidden .visible-lg-inline-block::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .grid-show-hidden .hidden-xs {
        display: block !important;
    }

        .grid-show-hidden .hidden-xs::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .grid-show-hidden .hidden-sm {
        display: block !important;
    }

        .grid-show-hidden .hidden-sm::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .grid-show-hidden .hidden-md {
        display: block !important;
    }

        .grid-show-hidden .hidden-md::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 1200px) {
    .grid-show-hidden .hidden-lg {
        display: block !important;
    }

        .grid-show-hidden .hidden-lg::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

/* Bootstrap 4 */

@media (max-width: 575.98px) {
    .grid-show-hidden .d-none {
        display: block !important;
    }

        .grid-show-hidden .d-none::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .grid-show-hidden .d-sm-none {
        display: block !important;
    }

        .grid-show-hidden .d-sm-none::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .grid-show-hidden .d-md-none {
        display: block !important;
    }

        .grid-show-hidden .d-md-none::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .grid-show-hidden .d-lg-none {
        display: block !important;
    }

        .grid-show-hidden .d-lg-none::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media (min-width: 1200px) {
    .grid-show-hidden .d-xl-none {
        display: block !important;
    }

        .grid-show-hidden .d-xl-none::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}
/* Bootstrap 5 */
.grid-show-hidden .invisible {
    display: block !important;
    visibility: visible !important;
}

    .grid-show-hidden .invisible::after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
        opacity: 0.5;
        pointer-events: none;
    }


/* Foundation hidden components */

@media screen and (max-width: 39.9375em) {
    .grid-show-hidden .hide-for-small-only {
        display: block !important;
    }

        .grid-show-hidden .hide-for-small-only::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {

    .grid-show-hidden .show-for-small-only {
        display: block !important;
    }

        .grid-show-hidden .show-for-small-only::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (min-width: 40em) {
    .grid-show-hidden .hide-for-medium {
        display: block !important
    }

        .grid-show-hidden .hide-for-medium::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (max-width: 39.9375em) {
    .grid-show-hidden .show-for-medium {
        display: block !important;
    }

        .grid-show-hidden .show-for-medium::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .grid-show-hidden .hide-for-medium-only {
        display: block !important;
    }

        .grid-show-hidden .hide-for-medium-only::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .grid-show-hidden .show-for-medium-only {
        display: block !important;
    }

        .grid-show-hidden .show-for-medium-only::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (min-width: 64em) {
    .grid-show-hidden .hide-for-large {
        display: block !important;
    }

        .grid-show-hidden .hide-for-large::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (max-width: 63.9375em) {
    .grid-show-hidden .show-for-large {
        display: block !important;
    }

        .grid-show-hidden .show-for-large::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .grid-show-hidden .hide-for-large-only {
        display: block !important;
    }

        .grid-show-hidden .hide-for-large-only::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .grid-show-hidden .show-for-large-only {
        display: block !important;
    }

        .grid-show-hidden .show-for-large-only::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: transparent url('/sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png') repeat;
            opacity: 0.5;
            pointer-events: none;
        }
}