html { scroll-behavior: smooth; }
body:not(.boxed):not(.framed) { margin: 0; }
#layout-import-preview { min-height: 100vh; overflow: clip; }
.layout-importer-screen-reader-title {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}
a[data-preview-link="disabled"] { cursor: default; }
.preview-removed-embed {
    align-items: center;
    aspect-ratio: var(--preview-embed-aspect, 16 / 9);
    background: #0f0f0f;
    box-sizing: border-box;
    color: #fff;
    display: flex !important;
    font: 600 14px/1.4 Arial, sans-serif;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 24px;
    text-align: center;
    width: var(--preview-embed-width, 560px);
}
.no-results > .page-content > [data-preview-form="disabled"] { margin-bottom: 1.3em; }
.wp-site-blocks, .wp-block-post-content { margin: 0; padding: 0; }
.flickity-enabled > .flickity-viewport { height: auto !important; }
.flickity-enabled > .flickity-viewport > .flickity-slider {
    display: flex !important; height: auto !important; position: relative !important;
    transform: none !important; width: 100% !important;
}
.flickity-enabled > .flickity-viewport > .flickity-slider > * { display: none !important; }
.flickity-enabled > .flickity-viewport > .flickity-slider > .is-selected {
    display: block !important;
    flex: 0 0 calc(100% / var(--pbc-preview-selected-count, 1));
    left: auto !important;
    max-width: calc(100% / var(--pbc-preview-selected-count, 1));
    position: relative !important;
}
/*
 * A captured masonry archive contains desktop runtime coordinates in inline
 * styles.  The source JavaScript that normally recomputes those coordinates
 * is intentionally removed from an isolated preview, so restore the source
 * theme's responsive column behaviour with CSS.
 */
@media (max-width: 849px) {
    .row-masonry.medium-columns-:has(> .post-item) {
        display: block !important;
        height: auto !important;
    }
    .row-masonry.medium-columns-:has(> .post-item) > .post-item {
        float: none !important;
        left: auto !important;
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
        width: 100% !important;
    }
}
@media (min-width: 850px) and (max-width: 1024px) {
    .row-masonry.medium-columns-:has(> .post-item) {
        display: block !important;
        position: relative !important;
    }
    .row-masonry.medium-columns-:has(> .post-item) > .post-item {
        float: none !important;
        max-width: 33.333333% !important;
        position: absolute !important;
        width: 33.333333% !important;
    }
}
.layout-importer-mobile-nav { display: none; }
@media (max-width: 1024px) {
    .elementor-widget-nav-menu { position: relative; z-index: 1000; }
    .elementor-menu-toggle {
        align-items: center; color: #ffca00; display: flex; font-size: 1.75rem;
        justify-content: center; line-height: 1; min-height: 2.75rem; min-width: 2.75rem;
        animation-duration: .001ms !important; transition-duration: .001ms !important;
    }
    [aria-label="Menu toggle"], [aria-label="Menu toggle"] * {
        animation: none !important; transition: none !important;
    }
    .elementor-menu-toggle .pbc-preview-menu-icon::before { content: "☰"; }
    .elementor-menu-toggle.elementor-active .pbc-preview-menu-icon::before { content: "×"; }
    .elementor-nav-menu--dropdown.pbc-preview-menu-open {
        display: block !important; left: 0 !important; max-height: 70vh !important;
        opacity: 1 !important; overflow: auto !important; position: absolute !important;
        top: 100% !important; transform: scaleY(1) !important; visibility: visible !important;
        width: 100% !important; z-index: 10000 !important; --menu-height: auto !important;
        animation-duration: .001ms !important; transition-duration: .001ms !important;
    }
    .layout-importer-mobile-nav.pbc-preview-menu-open {
        background: #111; display: block !important; left: 0; max-height: 70vh;
        overflow: auto; padding: 1rem; position: fixed; right: 0; top: 4.5rem;
        z-index: 10000;
    }
    .layout-importer-mobile-menu { display: block; list-style: none; margin: 0; padding: 0; }
    .layout-importer-mobile-menu li { display: block; margin: 0; }
    .layout-importer-mobile-menu a { display: block; padding: .75rem 1rem; }
}