.plone-modal-wrapper {
    .plone-modal {
        .plone-modal-dialog {
            width: 100%;
            position: relative;
        }

        .plone-modal-content {
            position: relative;
            background: rgba(255, 255, 255, 0.9);
            border: 0;
            border-radius: 4px;
            outline: none;
            background-clip: padding-box;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
            @include make-container;
            padding-left: 0;
            padding-right: 0;
        }
        &.fade {
            opacity: 0;
            -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
            &.in {
                opacity: 1;
                -webkit-transition: opacity 0.25s ease;
                transition: opacity 0.25s ease;
            }
            & .plone-modal-dialog {
                -webkit-transform: translate(0, -25%);
                -ms-transform: translate(0, -25%);
                transform: translate(0, -25%);
                -webkit-transition: -webkit-transform 0.25s ease-out;
                -moz-transition: -moz-transform 0.25s ease-out;
                -o-transition: -o-transform 0.25s ease-out;
                transition: transform 0.25s ease-out;
            }
            &.in .plone-modal-dialog {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0);
            }
        }
        &.in {
            display: block !important;
        }

        .plone-modal-header {
            border-bottom: 0;

            .plone-modal-title {
                display: none;
            }
        }

        .plone-modal-body {
            padding-top: 0;
            clear: both;
        }

        .plone-modal-close {
            font-size: 2em;
            opacity: 0.7;
            min-width: 1em;
            text-align: center;
            padding: 0 20px 10px;
            z-index: 100;
        }
    }

    &.image-modal {
        .modal-image {
            text-align: center;
        }
    }
}

@media (min-width: 769px) {
    body.plone-toolbar-left-default {
        .plone-modal-wrapper {
            .plone-modal {
                .plone-modal-dialog {
                    width: calc(100% - 60px);
                    left: 60px !important;
                }
            }
        }
    }

    body.plone-toolbar-left-expanded {
        .plone-modal-wrapper {
            .plone-modal {
                .plone-modal-dialog {
                    width: calc(100% - 120px);
                    left: 120px !important;
                }
            }
        }
    }
}

body.plone-toolbar-left-default,
body.plone-toolbar-left-expanded {
    .plone-modal-wrapper {
        .plone-modal {
            .plone-modal-content {
                max-width: 100%;
            }
        }
    }
}

.plone-modal-content {
    #content-core {
        display: block;
    }

    .wcvideo-container {
        text-align: center;
        padding: 20px;

        @media (max-width: $screen-xs-max) {
            padding: 20px 0;
        }

        iframe {
            max-width: 100%;
        }

        > div {
            margin: auto;
        }
    }
}
