.colsegment{
    
    position: relative;
    float: left;
    
    padding:var(--halfm);
    padding-top:0;
    width: calc(100% - var(--margin));
    height: auto;
    
}

.colhalfsegment{
    
    position: relative;
    float: left;
    
    padding:var(--halfm);
    padding-top:0;
    width: calc(50% - var(--margin));
    
}

.colthirdsegment{
    
    position: relative;
    float: left;
    
    padding:var(--halfm);
    padding-top:0;
    width: calc(33% - var(--margin));
    
}

#authors{
    
    padding:0;
}

.segmenttitle{
    
    position: relative;
    float: left;
    
     padding: var(--halfm);
    
    width: calc(100% - var(--margin));
    height:auto;
    
    text-align: center;
    
}

.segmentline{
    
    position: relative;
    float: left;
    
    margin-bottom: var(--margin);
    
    width: 100%;
    height:auto;
    
    border-top: var(--stroke);
    
}

.logo{
    
    position: relative;
    float: left;
    width:100%;
    margin-top: var(--margin);
    
}

.eventtitle{
    
    position: relative;
    float: left;
    
    width:calc(100% - 150px);
    
    
}

.eventplace{
    
    position: relative;
    float: left;
    width:calc(100% - 150px);

}

.eventtime{
    
    position: relative;
    float: left;
    
    width:150px;
    height: 50px;
    
    
}

.author:hover{
    
    cursor: pointer;
    
}

.userimage{
    
    position: relative;
    float:left;
    overflow:hidden;
    
    width:100px;
    height: 100px;
    
    border-right: var(--stroke);
    border-bottom: var(--stroke);
    
    background-color: lightgray;
    
}

.userimage img{
    
    position: absolute;
    transform: translate(-50%,-50%);
    
    top: 50%;
    left: 50%;
    
    height: 100%;
    width: 100%;
    object-fit: cover;
    
}

.username, .userwebsite, .userrole, .usercontact{
    
    position: relative;
    float: left;
    
    padding-left: var(--halfm);
    padding-right: var(--halfm);
    
    width: calc(100% - 101px - var(--margin));
    
}

.about a{
    
    text-decoration: underline;
    color: mediumpurple;
    
}

.biotitle{
    
    position: relative;
    float: left;
    
    padding: var(--halfm);
    
    width: calc(100% - var(--margin));
    
    text-decoration: underline;
    
}

.userbio{
    
    position: relative;
    float: left;
    
    padding-left: var(--halfm);
    padding-right: var(--halfm);
    
    width: calc(100% - var(--margin));
    height:auto;
    
    display:none;
    
}