/*Font imported from Google*/
@font-face {
    font-family: Kailasa;
    src: url(/assets/fonts/Kailasa.ttc);
}

body{
    background-color: #FFFCF2;
    margin-top: 6%;
    margin-left: 8%;
    width: 84%;
    color: #535353;
    justify-content: left;
    
}

a:hover {
    text-decoration: none;
}

/*Controls the aethestics for the splash page link*/
.SplashLink{
    text-transform: uppercase;
}
a .SplashLink{
    text-decoration: none;
    color: #E85A50; 
    font-size:280%
}
a:active .SplashLink {
    text-decoration: none;
}
a:hover .SplashLink {
    text-decoration: none;
}

/*Controls the aesthetics of the subheader below the splash page link*/
.SplashSub{
    font-size:95%;
    color: #8E8D89;
    margin-left: 3%;
    margin-bottom: -0.25%;
    
}

/*Navigation menu aesthetic*/
.NavigationBar {
    position:absolute;
    margin-left: 54%;
    margin-top: -5em;
    color:#E85A50;
}

/*Controls the amount of space between items in the Nav Bar*/
.NavigationBar .nav-item:before {
    content:"\00a0 \00a0 \00a0 \00a0";    
}
.NavigationBar .nav-item a{
    color:#E85A50;
    text-transform: uppercase;
    font-size: 105%; 
}
.NavigationBar .nav-item a:hover{
    text-decoration: line-through;
}

/*EMAIL LINK FOR WEBSITE*/
.email-link{
    color: #E85A50;
    font-weight: bolder;
}

.Bio a:hover{
    color:#E85A50;
    text-decoration: underline
}

/*List of current positions at the top of the home page*/
.CurrentPositions  ul{
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 0 em; 
    font-size: 112%;
}
.CurrentPositions ul li:before {
    content:"|| \00a0";
    position:relative;
    left: 0;
}

.CurrentPositions a{
    text-decoration: underline;
    color: #E88173;
}

.CurrentPositions a:hover{
    text-decoration: underline;
    color: #E85A50;
}

/*Aesthetic controls for the mini bio & statement at the top*/
.Bio-Statement{
    width: 52%;
    margin-top: 6%;
}

.Bio {
    margin-top:2%;
    margin-bottom:5%;
    width: 52%;
    font-size: 90%;
    color: #535353;   
}

/*Aesthetic controls for the spotlighted positions*/
.CurrentPositions {
    font-weight: bold;
    font-size: 82%;
    margin-bottom: 2%;
}
li .CurrentPosition {
    color: #E88173;
}

/*Asthetic controls for Jill's photo*/
.Portrait {
    width: 350px;
    margin-left: auto;
    height: auto;
    border-radius: 15px;
    position: absolute;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-left: 53%;
    margin-top: -28em; 
}

/*Aesthetic controls for downward arrow*/
.DownArrow {
    margin-left: 48%;
    margin-top: 5vh;
    margin-bottom: 5%;
    width: 3%;
    height: auto;  
}

/*Start of CV*/
.Section1Header {
    color:#8E8D89;
}
/*Experience section of CV*/
.experience-section {
    margin-top: 5%;
    margin-bottom:5%;
    width: 46%;
    font-size:80%;
    float: left;
}

/* AESTHETIC: spacing between the place a job position is at and the timeline*/
.duration:before {
    content: "\00a0 \00a0 \00a0 \00a0 \00a0";
    position: relative;  
}

.experience-section a{
    color:#E85A50;
    text-decoration: underline;
}

.experience-section a:hover{
    color:#CC5047;
    font-weight: normal;
}

.experience-section .position-place{
    font-weight:bolder;
    color: #535353;
    margin-top: 6%;
}

.experience-section .duration {
    color: #A9A8A3;
    font-weight:bold;
    font-size:78%;
}

.job-positions{
    margin-left:6% 
}

.position-place .current-position{
    color: #E88173;
}

.position-place-sub {
    color:#696969;
    margin-top: -1.5%;
}

.position-description {
    margin-top:3%;
    margin-left:5%;
    font-size:98%;
    font-weight: lighter
}

.Section1 .position-details {
    margin-left:9%;
    margin-top: -2%;
    font-size:92%;
    font-weight: lighter;
}

.detail-current {
    font-weight: bold;
    color:#E88173;
}

.position-details .sub-position{
    margin-left: 4%;
}

/*Education section of CV*/
.education-section {
    margin-top: 5%;
    margin-bottom: 5%;
    width: 46%;
    font-size:80%;
    float: right;
}

.degrees-list {
    margin-left:6%
}

.degree {
   font-weight:bolder;
    color: #535353;
    margin-top: 6%; 
}

.degree-subject {
    color: #E85A50;
    font-weight:bold;
    font-size:90%;
}

.degree-school {
    color:#A9A8A3;
    margin-top: -1.5%;
    margin-left: 11%;
}

.degree-details {
    margin-left: 11%;
    color:#A9A8A3;
    font-size: 110%;
    font-weight: light;
}

.small-divider img{
    position: relative;
    width: 48%;
    height:auto;
    margin-top: -4%;
    margin-left: 6%;
    float:left;
}

.tall-divider img{
    position: absolute;
    width: .2%;
    height: 140%;
    margin-top: 9%;
    margin-left: 4%;
}

.big-divider img{
    margin-top: -10%;
    margin-left: 3%;
    width: 95%;
}

.big-divider2 img{
    margin-left: 3%;
    width: 95%;
}

.big-divider3 img{
    margin-top: -5%;
    margin-left: 3%;
    width: 95%;
}

/*Books section of CV*/
.books-section {
    margin-bottom: 5%;
    width: 46%;
    font-size:80%;
    float: right;
}

.book-list {
    margin-top:3%;
    margin-left:6%
}

.Book-1 { 
    margin-top: 8%;
    margin-bottom: 15%;
}

.Book-1 img{
    float: left;
    border-style: solid;
    border-width:3px;
    border-color: #E88173;
    width: 25%;
    height: auto;
}

.Book-1 .book-title{
    padding-left: 30%;
    padding-top: 3%;
    font-weight:bolder;
    color: #535353;
    font-size: 150%;
}

.Book-1 .book-subtitle{
    margin-top: -1.5%;
    padding-left: 30%;
    padding-bottom: 5%;
    font-size: 110%;
    color: #696969;
}   


.Book-1 .book-details { 
    padding-left: 34%;
    font-size: 100%;
    font-weight: lighter;
    color:#8E8D89;
}

.Book-2 {
    margin-bottom: 15%;
}

.Book-2 img{
    float: right;
    border-style: solid;
    border-width:3px;
    border-color: #E88173;
    width: 25%;
    height: auto;
}

.Book-2 .book-title{
    text-align: right;
    padding-right: 31%;
    padding-top: 3%;
    font-weight:bolder;
    color: #535353;
    font-size: 150%;
}

.Book-2 .book-subtitle{
    text-align: right;
    width: 90%;
    margin-top: -1.5%;
    padding-right: 21%;
    padding-bottom: 5%;
    font-size: 110%;
    color: #696969; 
        
}

.Book-2 .book-details{
    text-align: right;
    padding-right: 35%;
    font-size: 100%;
    font-weight: lighter;
    color:#8E8D89;
}

.Book-3 {
    margin-top: -5%;
}

.Book-3 img{
    float: left;
    border-style: solid;
    border-width:3px;
    border-color: #E88173;
    width: 25%;
    height: auto;
}

.Book-3 .book-title{
    padding-left: 30%;
    padding-top: 3%;
    font-weight:bolder;
    color: #535353;
    font-size: 150%;
}

.Book-3 .book-subtitle{
    margin-top: -1.5%;
    padding-left: 30%;
    padding-bottom: 5%;
    font-size: 110%;
    color: #696969;
}   


.Book-3 .book-details { 
    padding-left: 35%;
    font-size: 100%;
    font-weight: lighter;
    color:#8E8D89;
}

.authors { 
    font-weight: bold;
    color: #535353;
}

/*Start of Publications*/
.Subheader {
    margin-top: 5%;
    color: #8E8D89;
}

.publication-header {
    margin-top:4%;
    color:#B4B2AC;
    text-transform: uppercase;
}

.Research {
    margin-top: -9%;
}

.Research p{
    margin-left: 4%;
    margin-bottom: 1.5%;
}

.Research #Publications{
    margin-bottom: 2%;
    margin-top: 8%;
    justify-content: left;
}

.Column-1 {
    width: 46%;
    font-size:75%;
    font-weight: lighter;
    float: left;
    color:#535353;
}

.NLPML-section {
    margin-bottom: 10%;
    font-weight: lighter;
    float: left;
    color:#535353;
}

.LangChar-section {
    font-weight: lighter;
    float: left;
    color:#535353;
}

.Column-2 {
    margin-left:8%;
    width: 46%;
    font-size: 75%;
    font-weight: lighter;
    float: left;
    color:#535353;
}

.LangChar-section-2 {
    margin-bottom: 10%;
    font-weight: lighter;
    float: left;
    color:#535353;
}

.LangComp-section{
    margin-bottom: 10%;
    font-weight: lighter;
    float: left;
    color:#535353;
}
    
.EducationPublications-section {
    margin-bottom: 10%;
    font-weight: lighter;
    float: left;
    color:#535353;
}

.autism-section {
    margin-bottom: 10%;
    font-weight: lighter;
    float: left;
    color:#535353;
}

.Misc {
    float:left;
}

/*List of patents towards bottom of the page*/
.Misc  ul{
    position: relative;
    list-style: none;
    margin-left: 0;
    margin-bottom: 5%;
    padding-left: 0 em;
}

.Misc ul li:before {
    content:"|| \00a0";
    position: absolute;
    left: 0;
    margin-left: 2%;
}

.patent-number{
    color:#535353;
    font-weight: bold
}

.patent-name:before {
    content:"\00a0"
}

.patent-name {
    color:#E88173;
    font-weight: bolder;
}

.patent-item p{
    color:#7B7A79;
    font-weight: lighter
}

.JillsGuide {
    margin-bottom: 16%;
}

.JillsGuide h5{
    margin-top: 6%;
    margin-left: 6%;
}

.JillsGuide a{
    color:#E85A50;
    text-decoration: underline;
    font-weight: lighter;
}

.JillsGuide a:hover{
    color:#CC5047;
    font-weight: bold;
    text-decoration: underline;
}
@media only screen and (max-width: 900px) {

/* For mobile phones: */
    .Header {
        margin-top: 15%;
    }

    /*Navigation menu aesthetic*/
    .NavigationBar {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin-top: -13em;
    }

    /*Aesthetic controls for the mini bio & statement at the top*/
    .Bio-Statement{
        margin-top: 500px;
        width: 100%;
    }

    .Bio {
        width: 100%;
    }

    /*Asthetic controls for Jill's photo*/
    .Portrait {
        position: relative;
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -85em; 
    }
 
    /*Aesthetic controls for downward arrow*/
    .DownArrow {
        display: none;
    }

    /*Experience section of CV*/
    .experience-section {
        margin-top: 0;
        width: 100%;
    }

    /*Education section of CV*/
    .education-section {
        width: 100%;
        margin-top: 0;
    }

    .small-divider img{
        display:none;
    }

    .tall-divider img{
        display: none;
    }

    .big-divider2 img{
        display: none;
    }

    .big-divider3 img{
        display: none;
    }

    /*Books section of CV*/
    .books-section {
        margin-bottom: 0;
        width: 100%;

    }

    .Book-1 {
        margin-bottom: 40%;
    }

    .Book-1 img {
        width: 40%;
    }

    .Book-1 .book-title {
        padding-left: 46%;
    }

    .Book-1 .book-subtitle {
        padding-left: 46%;
    }

    .Book-1 .book-details {
        padding-left: 50%;
    }

    .Book-2 img {
        width: 40%;
    }

    .Book-2 .book-title {
        padding-right: 46%;
        padding-top: 8%;
    }

    .Book-2 .book-subtitle {
        padding-right: 36%;
    }

    .Book-2 .book-details {
        padding-right: 50%;
    }

    .Book-3 {
        margin-top: 25%;
        margin-bottom: 40%;
    }

    .Book-3 img {
        width: 40%;
    }

    .Book-3 .book-title {
        padding-left: 46%;
    }

    .Book-3 .book-subtitle {
        padding-left: 46%;
    }

    .Book-3 .book-details {
        padding-left: 50%;
    }

    /*Start of Publications*/
    .Subheader {
        width: 100%;
        margin-top: 5%;
        color: #8E8D89;
    }

    .publication-header {
        width: 100%;
        margin-top:4%;
        color:#B4B2AC;
        text-transform: uppercase;
    }

    .Research {
        width: 100%;
        margin-top: -9%;
    }

    .Research p{
        margin-left: 4%;
        margin-bottom: 1.5%;
    }

    .Research #Publications{
        margin-bottom: 2%;
        margin-top: 8%;
        justify-content: left;
    }

    .Column-1 {
        width: 100%;
    }

    .NLPML-section {
        margin-bottom: 5%;
    }

    .Column-2 {
        width: 100%;
        margin-left: 0;
    }

    .LangChar-section-2 {
        margin-bottom: 5%;
    }

    .LangComp-section{
        margin-bottom: 5%;
    }
        
    .EducationPublications-section {
        margin-bottom: 5%;
    }

    .autism-section {
        margin-bottom: 5%;
    }
}