/**
 * Theme Name:     Omexo Child
 * Author:         ThemeMeta
 * Template:       omexo
 * Text Domain:	   omexo-child
 * Description:    Omexo is a Education &amp; Online Courses WordPress Theme.
 */

.course-title-short {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.course-title--hover {
    position: absolute;
    display: none;
    z-index: 9999;
}

.course-title-short:hover + .course-title--hover {
    display: block;
}

.course-title--hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 30%;
    left: 0px;
    background: #7b68ee;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
    box-shadow: 0px 12px 24px rgba(134, 140, 152, 0.12), 
                0px 1px 2px rgba(228, 229, 231, 0.24);
    border: 1px solid #7b68ee;
    white-space: normal;
    max-width: 350px;
    width: 350px;
    word-wrap: break-word;
}