/* css styles */

h1.title{display:none;}
/* navigation bar height */
.navbar-brand-container{
  height:45px;
}
.navbar-logo{
  max-height:45px!important;
  height:100%!important;
}

/* font size and font type */
body{
    font-family: 'Merriweather', serif;
    font-size:12pt;
}
/* heading font size */
h1{
  font-size:1.5em;
}

/* name at the top of home page */
.nameTop{
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
}
.quarto-dark .nameTop{
  color:#009670!important
/*  #00bc8c*/
}

/* coauthors font size */
.coaut{
  font-size:1em;
  font-style: italic;
  color:black;
}
/*add comma and and for coauthors list*/
.coautName:last-child:not(:nth-child(1)):before{
  content:"and"}


a{text-decoration:none;}

/*top panel*/
.topPanel{
 padding-top: 1em; 
 display:flex;
 flex-wrap: wrap;
 row-gap: 1em;
 justify-content: center;

}

.topPanel .right{
  margin-top:2em;
  margin: auto 0;
  min-width:300px;
  /*background-color:gray;*/
}

.topPanel .right p{
  margin-left:3em;
}

.topPanel .left{
  width:350px;
  min-width:300px;
  margin-top:auto;
  margin-right:0;
  /*background-color:gray;*/
}

.topPanel .left img{
  width:100%;
  min-width:300px;
  margin-right:0;
}


/*contact icons*/
.contact, .contact >div{
  display:flex;
  justify-content: center;
  column-gap: 1em;
}

.contact >div{
  overflow:hidden;
}

.contact svg{
  height:2em!important;
  fill:#0072b1!important;
}




/*working papers*/
.title, summary{
  font-weight:normal;
  font-size: 1.1em;
  /*color:#2780e3!important;*/
}
.quarto-dark .title{
  /*color:#009670!important;*/
}

.WP p, .paper{
  /*line-height: 1.2em;*/
    text-align:justify;
}

.paperButton p{
  display: inline;
}

.paperA {
  margin-bottom:1em;
}

.paperA .coaut{
  font-size:0.9em;
}

.quarto-dark .paperA .coaut{
  color:white;
}

.paperA{
  line-height:2em;
  text-align: justify;
}

#working-papers p{
  margin-bottom:0;
}

.paper p {
  line-height:2em;
  text-align: justify;
}

details{
  outline:1pt solid gray;
  padding:0.5em;
  background-color:white;
  border-radius:10px;
  margin-bottom:0.3em;
}

summary{
  margin:-0.5em;
  padding:0.5em;
  border-radius: 10px;
}

summary:hover{
  background-color:#e3faff;
}

summary a{
  margin-left:0.5em;
}


.abstract{
  padding-top:1em;
}



#educTab{
  padding-left:2em;
  line-height: 1.75em;
}

.currentPosition .container{
  display:flex;
  flex-wrap:wrap;
  row-gap:1em;
  width:90%;
  padding-left:2em;
}

.currentPosition .container div{
  margin: auto 0;
}
#currPosLogo img{
  width:150px; 
  height:auto;
}

#educTab img{
  width:200px;
}

.paper:nth-child(odd){
  background-color:#DFDEDE!important ;
}


/*dark mode*/

.quarto-dark .paper:nth-child(odd){
    background-color:#37474F!important ;
}

.quarto-dark #penn  img{
  background-color:white!important;
}

.quarto-dark .contact svg{
  fill:#009670!important
/*  #00bc8c*/
}

#sabanci{
  padding-top:1em;
}

.paper >div{
  padding:1em 2em 1em 2em;

}


.paperA >div, .paperA > p{
  padding-left:2em;
}

.educ{
  display:flex;
  flex-wrap: wrap;
  row-gap:1em;
}
.educ img{
  width:150px;
  height:auto;
}

.anchorjs-link{
  display:none;
}
.educ  div{
  margin:auto 0;
}

#educTabB{
  width:90%;
  padding-left:2em;
  line-height: 1.75em;
}

#sabanci{
  padding-top:1em;
}

 /*remove logo small screen*/
@media only screen and (max-width:500px){
      .navbar-brand img {
        display: none !important;
    }

}





/*teaching page style*/
#instructor img{
  width:auto;
  margin-left:2em;
  background-color:white;
  height:4em;
}

#instructor ul li{
  padding-top:0.7em;
}

#instructor ul{
  padding-bottom:1em;
}


/*summary a:hover{
  background-color:#7dcfb6;
  border-radius:3px;
  padding:3px;
}
*/

.quarto-dark details{
  background-color:#222222!important
  
}

.educTitle{
  font-weight: bold;
  font-size:1.1em;
  
}


.callout-note{
  margin-bottom:-1em;
}

.location{
  font-size:0.75em;
}

.quarto-dark #instructor #psuLogo, .quarto-dark  #pennLogo{
  display:none;
}

.quarto-light #instructor #psuLogoDark, .quarto-light #pennLogoDark{
  display:none;
}


#psuLogoDark, #pennLogoDark, #education #pennLogoDark{
  background-color:transparent!important;
}

.quarto-dark #instructor #pennLogo{
  display:none;
}

.wpstatus{
 font-size:1em;
  font-style: italic;
  font-weight:bold;
}