/**
 * Admin Preview Styles
 *
 * Styles for the design preview iframe.
 * These are loaded only in the preview template.
 */

// Hide any theme elements that might leak through
body.presszone-comments-preview-body {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff;
}

// Hide WordPress admin bar
#wpadminbar,
html.wp-toolbar {
    display: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html {
    margin-top: 0 !important;
}

#presszone-comments-design-preview-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 16px;

    @media (max-width: 768px) {
        padding: 2px !important;
    }
}