/*===========================================
Noordhoff Lecture
===========================================*/
.partTitle span{
    font-weight:400;
}
.partTitle.nameTitle{
    border-bottom:none;
    color:#111;    
}

/*-------------------------------------------
This Year
-------------------------------------------*/
.noordhoffThisYear{
    position:relative;
}
    .mainIntroInfo{
        background-color:rgba(var(--main-rgb),.07);
        margin-bottom:30px;
        --photo-size:180px;
        --info-padding:30px;
        padding:var(--info-padding);
        display:flex;
        flex-wrap:wrap;
        align-items:center;
    }
        .mainIntroInfo .photo{
            margin:0;
            width:var(--photo-size);
        }
            .mainIntroInfo .photo img{
                display:block;
                width:100%;
                height:auto !important;
            }
        .mainIntroInner{
            flex:1;
            padding-left:calc(var(--info-padding) + 10px);
            line-height:1.2;
        }
            .mainIntroInner .name{
                color:#000;
                font-size:1.5rem;
            }
                .mainIntroInner .name span{
                    color:#333;
                    font-weight:400;
                }
            .mainIntroInner .sessionTopic{
                margin:0 0 10px;
                color:var(--main-color);
                font-size:1.5rem;
            }
            .mainIntroInner .sessionTime{
                font-size:1.25rem;
            }
    .noordhoffThisYear :is(p, h1, h2, h3, h4):first-of-type{
        margin-top:0;
    }
    .curriculumVitae{
        list-style:none;
        margin:0;
        padding:0;
        line-height:1.2;
    }
        .curriculumVitae > li{
            border-bottom:1px solid #ddd;
            margin-bottom:10px;
            padding-bottom:10px;
            padding-left:80px;
            position:relative;
        }
            .curriculumVitae > li > strong{
                color:var(--main-color);
                font-size:1.125rem;
                position:absolute; left:0;
                margin-top:-1px;
            }
            .curriculumVitae > li > ul{
                list-style:none;
                margin:0;
                padding:0;
            }
                .curriculumVitae > li > ul > li{
                    border-bottom:1px dotted rgba(0,0,0,.1);
                    margin-bottom:5px;
                    padding-bottom:5px;
                }
                .curriculumVitae > li > ul > li:last-of-type{
                    border-bottom:none;
                    margin-bottom:0;
                    padding-bottom:0;
                }
    .currentPosition{
        padding-left:1.4em;
        line-height:1.2;
    }
        .currentPosition > li{
            margin-bottom:5px;
            padding-bottom:5px;
        }
@media screen and (max-width:1024px){
    .mainIntroInfo .name{
        margin-top:0;
    }
}
@media screen and (max-width:768px){
    .mainIntroInfo{
         --info-padding:20px;
    }
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
    .mainIntroInfo{
         --photo-size:140px;
    }
        .mainIntroInfo .name{
            font-size:1.25rem;
        }
        .mainIntroInfo .sessionTopic{
            font-size:1.125rem;
        }
        .mainIntroInfo .sessionTime{
            font-size:1rem;
        }
}
@media screen and (max-width:576px){
    .mainIntroInfo{
        --photo-size:200px;
        --info-padding:20px;
    }
        .mainIntroInfo .photo{
            margin:0 auto 15px;
        }
        .mainIntroInner{
            flex-basis:100%;
            padding-left:0;
        }
            .curriculumVitae > li{
                padding-left:60px;
            }
}

/*-------------------------------------------
Previous Noordhoff' Lecturers
-------------------------------------------*/
.noordhoffPrevious{
    position:relative;
}
    .noordhoffPrevious::after{
        content:"";
        display:block;
        background:url(../noordhoff/noordhoff_bg.png) no-repeat right bottom;
        background-size:contain;
        width:424px;
        height:399px;
        position:absolute; right:0; bottom:0; z-index:0;
        opacity:.15;
        pointer-events:none;
    }
    .noordhoffPrevSection ul{
        list-style:none;
        margin:0 0 0 90px;
        padding:0;
        line-height:24px;
        position:relative; z-index:2;
    }
        .noordhoffPrevSection li{
            border-left:1px solid #ccc;
            position:relative;
            padding:5px 0;
        }
            .noordhoffPrevSection li::before{
                content:"";
                display:inline-block;
                background-color:#777;
                border-radius:50%;
                width:7px;
                height:7px;
                position:absolute; top:14px; left:-4px; z-index:3;
            }
            .noordhoffPrevSection .year{
                color:var(--main-color);
                font-size:1.5rem;
                font-style:italic;
                position:absolute; left:-90px;
            }
            .noordhoffPrevSection .name{
                background-color:var(--body-bgcolor);
                color:#000;
                font-size:1.25rem;
                position:relative; z-index:2;
                padding:0 15px 0 25px;
            }
            .noordhoffPrevSection .country{
                background-color:var(--body-bgcolor);
                color:#777;
                float:right;
                position:relative; z-index:2;
                padding-left:10px;
            }
            .noordhoffPrevSection li::after{
                content:"";
                display:block;
                border-bottom:1px dotted #ccc;
                position:absolute; left:0; right:0; bottom:16px;
            }
@media screen and (max-width:1280px){/* Air Mac */
    .noordhoffPrevious::after{
        width:30vw;
    }
}
@media screen and (max-width:768px){
    .noordhoffPrevious::after{
        width:40vw;
    }
}
@media screen and (max-width:576px){
    .noordhoffPrevious::after{
        width:55vw;
    }
    .noordhoffPrevSection ul{
        margin-left:17vw;
    }
        .noordhoffPrevSection li{
            padding-left:5vw;
        }
            .noordhoffPrevSection .year{
                left:-17vw;
            }
            .noordhoffPrevSection .name{
                background-color:transparent;
                font-size:1.125rem;
                padding-left:0; padding-right:0;
            }
            .noordhoffPrevSection .country{
                display:block;
                background-color:transparent;
                float:none;
                padding-left:0;
            }
            .noordhoffPrevSection li::after{
                bottom:0;
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .noordhoffPrevSection .year{
        font-size:5.5vw;
    }
    .noordhoffPrevSection .name{
        font-size:5vw;
    }
}

/*-------------------------------------------
History
-------------------------------------------*/
.noordhoffHistory{
    position:relative;
}
    .noordhoffHistory::after{
        content:"";
        display:block;
        background:url(../noordhoff/noordhoff_bg.png) no-repeat right bottom;
        background-size:contain;
        width:424px;
        height:399px;
        position:absolute; right:0; bottom:0; z-index:0;
        opacity:.15;
        pointer-events:none;
    }