/*===========================================
Continuous Medical Education (CME)
===========================================*/

/*-------------------------------------------
education
-------------------------------------------*/
.education{
    list-style:none;
    margin:10px 0 0;
    padding:0;
}
.education > li{
    border:1px solid #bbb;
    border-radius:5px;
    min-height:90px;
    margin-bottom:8px;
}
.education > li:nth-child(even){
    background-color:#f7f7f7;
}
    .education .description{
        color:#333;
    }
        .education .description h3{
            margin:0;
            font-size:1.5rem;
            line-height:1.2;
            position:relative;
        }
            .education .description h3 a{
                display:block;
                border-radius:5px 5px 0 0;
                color:#000;
                padding:15px 50px 10px 15px;
                position:relative;
                transition:.2s;
            }
            .education .active .description h3 a{
                border-color:rgba(var(--primary-rgb), .5);
                border-radius:5px 5px 0 0;
                border-bottom:none;
            }
            .education .description h3 a:focus,
            .education .description h3 a:hover{
                display:block;
                background-color:rgba(var(--primary-rgb), .09);
                border-color:rgba(var(--primary-rgb), .5);
                color:var(--hover-color);
            }
                .education .description h3 a::after{
                    display:inline-block;
                    content:"";
                    background-color:#fff;
                    background-image:url(/images/icon_add.svg);
                    background-repeat:no-repeat;
                    background-position:50% 50%;
                    background-size:80% auto;
                    border:1px solid #ccc;
                    border-radius:5px;
                    color:#333;
                    font-family:Arial;
                    font-size:24px; font-weight:400;
                    line-height:24px;
                    width:24px;
                    height:24px;
                    text-align:center;
                    position:absolute; top:15px; right:15px;
                }
                .education .active .description h3 a::after{
                    background-image:url(/images/icon_remove.svg);
                }
        .education .description > div{
            display:flex;
            flex-wrap:wrap;
            line-height:18px;
            padding:10px 15px 15px;
        }
            .education .description > div > span{
                background-repeat:no-repeat;
                background-position:0 -1px;
                background-size:18px auto;
                padding-left:22px;
            }
            .education .description > div > span:nth-of-type(n+2){
                
            }
            .education .description > div > .date{
                background-image:url(../../images/icon_date_purple.svg);
                width:300px;
            }
            :lang(en) .education .description > div > .date{
                width:270px;
            }
            .education .description > div > .time {
                background-image:url(../../images/icon_time_purple.svg);
                width:220px;
            }
            .education .description > div > .venue{
                background-image:url(../../images/icon_location_purple.svg);
                flex:1;
            }
    .education .files{
        padding:0 15px 15px;
        display:none;
    }
    .education > li:first-of-type .files{
        display:block;
    }
        .education .files ul{
            list-style:none;
            margin:0;
            padding:0;
            border-top:1px solid rgba(0,0,0,.1);
            line-height:1.3;
            display:flex;
            flex-wrap:wrap;
        }
        :lang(en) .education .files ul{
            font-family:var(--en-font-family-narrow);
        }
            .education .files li{
                width:20%;
                margin-top:15px;
                text-align:center;
                vertical-align:top;
            }
                .education .files li a{
                    display:inline-block;
                    background-image:url(../../images/icon_file_pdf.svg);
                    background-repeat:no-repeat;
                    background-position:center 0;
                    background-size:48px auto;
                    color:#111;
                    padding-top:50px;
                    text-align:center;
                }
                .education .files a:focus,
                .education .files a:hover{
                    color:var(--hover-color);
                }
                .education .files li a.video{
                    background-image:url(../../images/medicine-video.png);
                }
    .education .files .type-list{
        display:block;
    }
        .education .files .type-list li{
            display:list-item;
            width:auto;
            border-bottom:1px dotted #ddd;
            margin:0;
            padding:10px 0;
            text-align:left;
        }
        .education .files .type-list li:last-child{
            border-bottom:none;
            padding-bottom:0;
        }
            .education .files .type-list li a{
                width:100%;
                height:auto;
                background-image:url(../../images/icon_file_pdf.svg);
                background-repeat:no-repeat;
                background-position:0 0;
                background-size:18px auto;
                padding:0 0 0 25px;
                position:relative;
                text-align:left;
            }
            .education .files .type-list li a .name{
                color:#666;
                position:absolute; right:0;
            }
@media screen and (max-width:992px){
    .education .description > div > .venue{
        flex-basis:100%;
        margin-top:8px;
    }
    .education .files .type-list li a .name{
        position:static;
        display:block;
        font-size:.875rem;
        margin-top:3px;
    }
    .education .files li{
        width:25%;
    }
}
@media screen and (max-width:768px){
    .education .description > div > .date{
        width:100%;
    }
    .education .description > div > .time{
        width:100%;
        margin-top:8px;
    }
    .education .files li{
        width:33.3333%;
    }
}
@media screen and (max-width:576px){
    .education .description h3{
        font-size:1.25rem;
    }
    .education .description > div{
        font-size:.875rem;
    }
    .education .files li{
        border-bottom:1px dotted #ddd;
        margin:0;
        padding:10px 0;
        width:100%;
        text-align:left;
    }
    .education .files li:last-child{
        border-bottom:none;
    }
        .education .files li a {
            background-position:0 0;
            background-size:18px auto;
            padding-top:0;
            padding-left:25px;
            text-align:left;
        }
}
@media screen and (max-width:320px){/* i5, SE */
    .education .description h3 a{
        padding-left:10px; padding-right:40px;
    }
        .education .description h3 a::after{
            right:10px;
        }
    .education .description > div,
    .education .files{
        padding-left:10px; padding-right:10px;
    }
}