﻿#page_body {
    /*padding: 50px 100px 50px 100px;*/
}
    #page_body .image {
        display: table;
        clear: both;
        text-align: center;
        margin: 0.9em auto;
        min-width: 50px;
    }
    #page_body .image, .ck.ck-editor__editable .image-inline {
        position: relative;
    }
    #page_body .ck.ck-editor__editable .image-inline.ck-widget_selected, .ck.ck-editor__editable .image.ck-widget_selected {
        z-index: 1;
    }
    
    #page_body img {
        vertical-align: middle;
        border-style: none;
    }
        #page_body .image img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            min-width: 100%;
        }
    #page_body .image.image_resized img {
        width: 100%;
    }
    #page_body .image-style-align-right {
        float: right!important;
        margin-left: calc(1.5em/2);
    }
    #page_body .image-style-align-left {
        float: left !important;
        margin-right: calc(1.5em/2);
    }

    #page_body blockquote {
        overflow: hidden;
        padding-right: 1.5em;
        padding-left: 1.5em;
        margin-left: 0;
        margin-right: 0;
        font-style: italic;
        border-left: 5px solid #ccc;
    }

    #page_body .table table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
        #page_body .table table th {
            min-width: 2em;
            padding: 0.4em;
            border: none;
        }

        #page_body .table table th {
            font-weight: 700;
            background: hsla(0,0%,0%,5%);
        }

    #page_body .table th {
        text-align: center;
    }

    #page_body .table table td, .table table th {
        min-width: 2em;
        padding: 0.4em;
        border: none;
    }

    #page_body .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: none;
    }

    #page_body .media {
        clear: both;
        margin: 0.9em 0;
        display: block;
        min-width: 15em;
    }

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }