/* Styling for content that is typed in the admin's rich editor. */

/*
 * The editor leaves an empty paragraph where the legacy editor wrote
 * <p>&nbsp;</p>. An empty paragraph collapses to nothing, so a blank line
 * typed in the admin was invisible on the site.
 */
.text p:empty,
.column-left p:empty {
    min-height: 1.2em;
}

/* Images are inserted at their full size and cannot be resized in the editor. */
.text img,
.column-left img {
    max-width: 100%;
    height: auto;
}

/*
 * The book cover in the minicursus block is positioned over the whole block, so
 * it swallowed the clicks meant for the "Nu downloaden!" link underneath it.
 * Clicks pass through the container now, the cover itself still links.
 */
.academybox .img-left {
    pointer-events: none;
}

.academybox .img-left a {
    pointer-events: auto;
}

/* A video link pasted on its own line is rendered as a 16:9 embed. */
.video-embed {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 0 20px;
}

.video-embed:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}