/*
    Custom (backend-generated) elements should have display of
    either block or inline-block. 
    inline (the default value for custom elements) is confusing.

    Custom element authors are free to set the default display of their
    element to block. Ie:
    qnc-cms-element[type="my-gallery"] {display: block;}
*/
qnc-cms-element {
    display: inline-block;
}

/* Default styles for backdrop added by SimpleModal.js */
.SimpleModalBackdrop {
    background-color: rgba(0,0,0,0.25);
    pointer-events: none;
}
.SimpleModalBackdrop.animating {
    animation: 0.3s ease-in SimpleModalBackdrop;
}
.SimpleModalBackdrop.closing {
    animation-direction: reverse;
    /* make sure the offscreen state persists while backdrop is removed */
    animation-fill-mode: forwards;
}
@keyframes SimpleModalBackdrop {
    0% {opacity: 0;}
    100% {opacity: 1;}
}