/* #summary { margin:200px; font-size:180px;} */


/*     Citation box
 ************************  */
#citation {
    background-color:white;
    font-size:16px;padding:20px;
    border:2px solid #2b4b00;
    line-height:1.1;
}
#citation .jlogo { width:100px;float:left; }
#citation div:not(.jlogo) {padding-left:120px;}
#citation .journal {
    font-weight:bold;color:#2b4b00;}
#citation .authors {line-height:1.3; }
#citation .date {color:rgba(43, 75, 0, 0.65);}
#citation .doi {line-height:1.1;text-align:left;}
#citation .doi::before {background-image:url('../img/DOI_logo.svg');background-size: 18px; height: 18px; width: 18px; content:' ';display:inline-block;vertical-align:middle; margin-right:3px;}
#citation .url {line-height:1.1;text-align:left;word-wrap:break-word;}

/* Author tags in citation */
#citation .authortags {font-size:180%;margin-top:50px;}
#citation .authortags a {font-size:180%;}


/*    Collapsible Tweet
 ************************  */
.wrap-collapsible { margin: 0.2rem 0; }
.wrap-collapsible input[type='checkbox'] { display: none; }
.lbl-toggle { display: block;
    ; font-size: 1.2rem; text-transform: uppercase; text-align: center; padding: .2rem; color: white;
    background: #2b4b00;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.25s ease-out; }
.lbl-toggle:hover { color: #aca; }
.lbl-toggle::before {
    content: ' ';
    display: inline-block;
    border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor;
    vertical-align: middle; margin-right: 1rem;
    transform: translateY(-2px); transition: transform .2s ease-out; }
.toggle:checked+.lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px); }
.collapsible-content {
    max-height: 0px; overflow: hidden;
    transition: max-height .25s ease-in-out;
    text-align:center; }
.toggle:checked + .lbl-toggle + .collapsible-content { max-height: 3000px; }
.toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.collapsible-content .content-inner, .commentlink {
    text-align:center;
    background: rgba(43, 75, 0, 0.05);
    border: 1px solid #1b3b00; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: .5rem 1rem; }
.collapsible-content p { margin-bottom: 0; }
.collapsible-content .content-inner div { margin:0 auto;}
.commentlink {border-radius: 7px;margin:2ex 0; line-height:2;}

/* tweet returned by twitter api */
.twitter-tweet { margin-left:auto;margin-right:auto; }




/* Full-width letter index
 *************************  */
div.fullw { text-align: justify; }
div.fullw.mv2 { background-color:#eee; border:1px solid #2b4b00; vertical-align:middle; padding:2.5ex 1em 0 1em;  }
div.fullw:after { content: ""; display: inline-block; width: 100%; background-color:yellow;}
div.fullw a {font-weight:bold;  }




/* image list and zooming
 ************************  */
.imagelist { margin:4ex 0; }
.imagelist img {border: 1px solid #1b3b00;}
.overlay {
  position: fixed;
  z-index: 1;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  display: flex;
  align-items: center; text-align: center;
  visibility: hidden; opacity: 0;
  transition: .3s;
}
.imagelist img:hover { cursor: zoom-in; }
.imagelist .overlay:target {cursor: zoom-out;}

.overlay img{
  max-width: 95%; max-height: 95%;
  width: auto; height: auto; margin:auto;
  transform: scale(0.95);
  transition: .3s;
}
.overlay:target {
  visibility: visible;
  outline: none;
  opacity: 1;
}
.overlay:target img {
    transform: scale(1);
}