[data-op3-force-visibility] .op3-element[data-op3-element-type="webinardate"] {
    display: table !important;
}

.op3-element[data-op3-element-type="webinardate"] {
    &.op3-focus {
        .separator-wrapper {
           min-width: 5px;
        }
    }

    [data-op3-element-container] {
        visibility: visible !important;
    }
}

// To satisfy Typography Control Panel we must use stronger
// CSS selector for webinardate paragraphs.
html[data-op3-layer] #op3-designer-element .op3-element[data-op3-element-type="webinardate"] {
    p {
        margin: 0;
    }

    .op3-webinar-month,
    .op3-webinar-day,
    .op3-webinar-date {
        margin-bottom: 0px;
    }
}