@charset "utf-8";
/* CSS Document */
@import url(../style/var.css); 
/* Biography */

#BioPortrait{background-image:url(../i/portrait1.jpg); background-size:cover; height:300px; width:314px; position:relative; z-index:99; margin:0 auto 20px 25px; float:left;
}
p.short{margin-left:350px; margin-right:50px;}
p.hideme{opacity:0;}
p a{text-decoration:none;color:#4478E0; border-bottom:dashed 1px #939393;}
p a:hover{border-bottom:1px solid #939393;}

p#QualDegree{background-color:var(--about-stripe); color:#fff;}
p#QualRSL{background-color:var(--teaching-stripe); color:#fff;}
p#QualALevel{background-color:var(--composing-stripe); color:#fff;}
p#QualCV{background-color:var(--session-stripe); color:#fff;}
p.Qual{margin-left: 350px; margin-right:50px; margin-top:-30px; text-align:center; margin-bottom: -104px; border-left:none!important;  }

span.Qual:hover{padding: 13px 9px 13px 9px; cursor:pointer; }
span#QualDegree.Qual:hover{background-color:var(--about-stripe); color:#fff; }
span#QualRSL.Qual:hover{background-color:var(--teaching-stripe); color:#fff; }
span#QualALevel.Qual:hover{background-color:var(--composing-stripe); color:#000; }
span#QualCV.Qual:hover{background-color:var(--session-stripe); color:#000; }
.Qual{padding: 13px 9px 13px 9px; margin-right: 30px; position:relative;}
.shift{margin-top: 120px;}
@media (max-width: 1080px) {
	#QualMenu .Qual{font-size:15px;}
}

@media (max-width: 1055px) {
	#QualMenu .Qual, p{font-size:15px;}
}

span.Qual:hover:after {
content: '';
position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;

border-bottom: solid 8px #f1f2f2;
border-left: solid 8px transparent;
border-right: solid 8px transparent;

}
span#QualDegree.Qual:hover:after{border-bottom:solid 10px var(--about-stripe)!important;}
span#QualRSL.Qual:hover:after{border-bottom:solid 10px var(--teaching-stripe)!important;}
span#QualALevel.Qual:hover:after{border-bottom:solid 10px var(--composing-stripe)!important;}
span#QualCV.Qual:hover:after{border-bottom:solid 10px var(--session-stripe)!important;}

/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index:9999;
}

/* Inner */
.popup-inner {
min-width: 700px;
width: 60vw;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:var(--paragraph-bg);
}

/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}

.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}