/*****************************************************************
 custom global css code for bioRxiv site 
 *****************************************************************/
 article.post h3,
 article.post.twitter .author .name,
 article.post.weibo .author .name {
   font-size: 1.28571em;
   line-height: 1.33333em;
   font-weight: 700
 }
 
 #block-panels-mini-biorxiv-js-css-loader {
   display: none
 }
 
 #block-system-main-menu li {
   display: inline-block;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
   font-size: 13px;
 }
 
 #block-system-main-menu li+li:before {
   content: " | ";
   padding: 1px;
   margin: 1px;
 }
 
 #page-title,
 .not-front .highwire-article-citation .highwire-cite-title,
 body .page {
   font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", Helvetica, Arial, sans-serif
 }
 
 article.post {
   overflow: hidden;
   padding: .75em 12px .8em;
   border-top-width: .07143em;
   border-top-style: solid;
   border-color: #eee
 }
 
 article.post a.block_link {
   display: block;
   text-decoration: none;
   color: #383844
 }
 
 article.post a.block_link:hover h3 {
   color: #59d
 }
 
 article.post h4 {
   color: #bbb
 }
 
 article.post h4 strong {
   font-weight: 700
 }
 
 article.post img.avatar {
   float: left;
   width: 90px;
   height: auto;
   margin-top: 5px
 }
 
 article.post .content.with_image {
   padding-left: 114px
 }
 
 article.post .summary a:hover {
   text-decoration: underline
 }
 
 article.post.twitter,
 article.post.weibo {
   position: relative
 }
 
 article.post.twitter .avatar,
 article.post.weibo .avatar {
   float: left;
   position: relative;
   margin-right: 12px
 }
 
 article.post.twitter .avatar-holder,
 article.post.twitter .avatar-placeholder,
 article.post.weibo .avatar-holder,
 article.post.weibo .avatar-placeholder {
   position: absolute
 }
 
 article.post.twitter .avatar,
 article.post.twitter .avatar-holder,
 article.post.twitter .avatar-placeholder,
 article.post.weibo .avatar,
 article.post.weibo .avatar-holder,
 article.post.weibo .avatar-placeholder {
   width: 48px;
   height: 48px
 }
 
 article.post.twitter .avatar-placeholder,
 article.post.weibo .avatar-placeholder {
   background-image: url(/details/assets/templates/default/profile-placeholder-a4872ed24310e3fb9bdc15ab7f127b52.png)
 }
 
 html.svg article.post.twitter .avatar-placeholder,
 html.svg article.post.weibo .avatar-placeholder {
   -moz-background-size: 48px;
   -o-background-size: 48px;
   -webkit-background-size: 48px;
   background-size: 48px;
   background-image: url(/details/assets/templates/default/profile-placeholder-3f1883020ceae8e310902aa4d9710ce4.svg)
 }
 
 article.post.twitter .author,
 article.post.weibo .author {
   padding-right: 120px
 }
 
 article.post.twitter .author .handle,
 article.post.weibo .author .handle {
   color: #9b9ba1
 }
 
 article.post.twitter .content,
 article.post.weibo .content {
   font-size: 1.14286em;
   line-height: 1.5em;
   clear: left;
   padding-top: .25em;
   padding-bottom: .25em
 }
 
 article.post.twitter p.summary {
   margin-bottom: 3px
 }
 
 article.post.twitter .content a,
 article.post.weibo .content a {
   color: #59d
 }
 
 article.post.twitter time,
 article.post.twitter time a,
 article.post.weibo time,
 article.post.weibo time a {
   float: left;
   color: #9b9ba1
 }
 
 article.post.twitter .actions,
 article.post.weibo .actions {
   float: right;
   display: none
 }
 
 article.post.twitter .actions a,
 article.post.weibo .actions a {
   padding-left: 20px;
   margin-left: 12px;
   color: #9b9ba1;
   background-repeat: no-repeat;
   background-position: left center
 }
 
 article.post.twitter .actions a:hover,
 article.post.weibo .actions a:hover {
   color: #383844
 }
 
 article.post.twitter .actions a.retweet,
 article.post.weibo .actions a.retweet {
   background-image: url(/details/assets/twitter/retweet-d98e17d40f34140e00ab6f34cd18d3dd.png)
 }
 
 article.post.twitter .actions a.retweet:hover,
 article.post.weibo .actions a.retweet:hover {
   background-image: url(/details/assets/twitter/retweet_hover-1f081100ebb4e0bfadd9027ac04fafa2.png)
 }
 
 article.post.twitter .actions a.reply,
 article.post.weibo .actions a.reply {
   background-image: url(/details/assets/twitter/reply-fa65576957c214d9efdc1cd3930d24e2.png)
 }
 
 article.post.twitter .actions a.reply:hover,
 article.post.weibo .actions a.reply:hover {
   background-image: url(/details/assets/twitter/reply_hover-3c92081245b0d7ffaf7170dac06e9af3.png)
 }
 
 article.post.twitter .actions a.favorite,
 article.post.weibo .actions a.favorite {
   background-image: url(/details/assets/twitter/favorite-5980546736ee66d910cee258ae8484df.png)
 }
 
 article.post.twitter .actions a.favorite:hover,
 article.post.weibo .actions a.favorite:hover {
   background-image: url(/details/assets/twitter/favorite_hover-dbba3e42f32c78177e9acc85e58f88e0.png)
 }
 
 article.post.twitter .follower_count,
 article.post.weibo .follower_count {
   position: absolute;
   top: 1.71429em;
   right: 24px;
   text-align: center;
   color: #bbb;
   text-transform: uppercase;
   font-size: .85714em;
   line-height: 2em;
   display: none;
   padding-left: 12px;
   border-left: 1px #eee solid
 }
 
 article.post.twitter .follower_count span,
 article.post.weibo .follower_count span {
   color: #383844;
   font-weight: 700;
   font-size: 1.66667em;
   line-height: 1.2em;
   display: block
 }
 
 div#fn-group-1 {
   display: none;
 }
 
 /*
 div#fn-group-2 > ul {
   display:none;
 }
 */
 
 .hoverspec:hover {
   color: #cb2938 !important;
 }
 
 div#fig-data-supplementary-materials i.icon-download-alt {
   display: none;
 }
 
 div.cshl_grid {
   width: 700px;
   margin-bottom: 10px;
 
 }
 
 span.article-count {
   display: none;
 }
 
 div.cshl_grid div {
   float: left;
 }
 
 div.cshl_col100 {
   width: 88px;
   margin-bottom: 12px;
   margin-right: 4px;
 }
 
 div.cshl_col200 {
   width: 512px;
   margin-bottom: 12px;
 }
 
 div.cshl_clear {
   clear: both;
 }
 
 
 article.post.twitter:hover .actions,
 article.post.twitter:hover .follower_count,
 article.post.weibo:hover .actions,
 article.post.weibo:hover .follower_count {
   display: block
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li ul {
   position: absolute;
   width: 270px;
   background: #ffffff;
   z-index: 100;
   padding: 10px;
   border: 1px solid#dedede;
   margin-bottom: 12px;
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li ul li {
   width: 270px;
   text-transform: none;
   margin-top: 4px;
   margin-bottom: 7px;
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li ul li+li:before {
   content: none;
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li ul.cshl_back {
   display: none;
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li:hover ul.cshl_back {
   display: block;
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li#channels ul {
   height: auto !important;
 }
 
 /* changes for tpr */
 a.reviews,
 .cmnts {
 
   border-radius: 3px;
   color: #fff;
   display: inline-block;
 
   margin: 0 0 0px;
   padding: 1px 0;
   text-align: center;
   width: 140px;
   font-size: 83%;
   text-decoration: none;
 }
 
 .channel_expand {
   display: inline-block !important;
   transform: rotate(90deg);
   margin-right: 1%;
 }
 
 .channel_related:hover {
   cursor: pointer;
 }
 
 #block-system-main-menu nav.menubar-nav ul.menu li#channels ul {
   height: 50vh !important;
   right: 0;
   overflow: hidden;
   overflow-y: auto !important;
 }
 
 a.reviews {
   background-color: #1b95e0;
 }
 
 a.cmnts {
   background-color: #115e93;
 }
 
 a.alpha-grid-toggle, a.alpha-block-toggle {
   display: none;
 }
 
 /* end changes for tpr */
 /* dashboard and icon tray */
 .csh_panelc {
   overflow-y: scroll;
   background-color: white;
   height: 50%;
   width: 100%;
   bottom: 0;
   position: fixed;
   transform: translateY(100%);
   -webkit-transition: transform 0.2s ease-in-out;
   -moz-transition: transform 0.2s ease-in-out;
   -ms-transition: transform 0.2s ease-in-out;
   -o-transition: transform 0.2s ease-in-out;
   transition: transform 0.2s ease-in-out;
   box-shadow: rgba(0, 0, 0, 0.30) 3px 0px 12px 3px;
 }
 
 .csh_panelc.activec {
   transform: translate(0);
 }
 
 @media all and (min-width: 768px) and (min-device-width:768px), (max-device-width:800px) and (min-width:768px) and (orientation:landscape) {
   .csh_panelc {
     height: 100%;
     width: 42%;
     right: 0;
     top: 0;
     transform: translateX(100%);
   }
 }
 
 .csh_panelc-header {
   background-color: #ffffff;
   color: black;
   padding: 1.5em 3em 0;
   position: sticky;
   top: 0;
   z-index: 1;
 }
 
 .csh_panelc-header h4 {
   display: inline-block;
   margin: 0;
 }
 
 .csh_panelc-body {
   /* overflow-y: auto; */
   padding: 0 3em 1em;
   /*padding-left: .6em;*/
   flex: 0 1 0;
 
 }
 
 .csh_panelc-footer {
   padding: 0 3em 2em;
 }
 
 /*
 .csh_panelc-footer .separator {
   border-top: 1px solid #dedede;
   box-shadow: 0 -6px 6px -6px #e2e2e2;
   padding: 10px;
 }
 */
 
 .csh_panelc-footer span {
   font-weight: bold;
   font-style: italic;
   font-size: 11px;
   color: darkgray;
 }
 
 .csh_panelc-footer img {
   margin: 5px 0;
 }
 
 .hypothesis-link {
   display: none;
   float: right;
 }
 
 .altmetric-link {
   display: none;
   float: right;
 }
 
 .hypothesis-link.active {
   display: block;
   padding-bottom: 20px;
 }
 
 .altmetric-link.active {
   display: block;
   padding-bottom: 20px;
 }
 
 .csh_panelc-close {
   cursor: pointer;
   float: right;
 }
 
 .btn {
   background-color: #452632;
   border: none;
   color: white;
   cursor: pointer;
   font-size: 1.2em;
   padding: .5em;
 }
 
 /* Style the tab */
 .tab {
   background-color: #fff;
 }
 
 /* Style the buttons that are used to open the tab content */
 .tab button {
   background-color: inherit;
   border: none;
   outline: none;
   padding: 6px 8px;
   transition: 0.3s;
   font-family: sans-serif;
   font-size: 85%;
   border-top-left-radius: 1em;
   border-top-right-radius: 1em;
 }
 
 .tab button.min-width {
   min-width: 14.28%;
 }
 
 .tab button:not(.icon) i {
   display: none;
 }
 
 .tab button.icon span:first-child {
   display: none;
 }
 
 .tab button[class*="csh-panelc-button"].nocontent {
   color: gray;
 }
 
 .tab button.csh-panelc-button-comment {
   color: #0066ff;
 }
 
 .tab button.csh-panelc-button-comment.activec {
   background: #0066ff;
   color: white;
 }
 
 .tab button.csh-panelc-button-twitter {
   color: #1da1f2;
 }
 
 .tab button.csh-panelc-button-twitter.activec {
   background: #1da1f2;
   color: white;
 }
 
 .tab button.csh-panelc-button-trip {
   color: green;
 }
 
 .tab button.csh-panelc-button-trip.activec {
   background: green;
   color: white;
 }
 
 .tab button.csh-panelc-button-community {
   color: brown;
 }
 
 .tab button.csh-panelc-button-community.activec {
   background: brown;
   color: white;
 }
 
 .tab button.csh-panelc-button-automated {
   color: red;
 }
 
 .tab button.csh-panelc-button-automated.activec {
   background: red;
   color: white;
 }
 
 .tab button.csh-panelc-button-blog {
   color: darkviolet;
 }
 
 .tab button.csh-panelc-button-blog.activec {
   background: darkviolet;
   color: white;
 }
 
 .tab button.csh-panelc-button-video {
   color: navy;
 }
 
 .tab button.csh-panelc-button-video.activec {
   background: navy;
   color: white;
 }
 
 .tab button[class*="csh-panelc-button"].nocontent~.separator, .tab button[class*="csh-panelc-button"].nocontent.active~.separator {
   border-bottom: 1px solid gray;
 }
 
 .tab button.csh-panelc-button-comment.activec~.separator {
   border-bottom: 1px solid #0066ff;
 }
 
 .tab button.csh-panelc-button-trip.activec~.separator {
   border-bottom: 1px solid green;
 }
 
 .tab button.csh-panelc-button-community.activec~.separator {
   border-bottom: 1px solid brown;
 }
 
 .tab button.csh-panelc-button-automated.activec~.separator {
   border-bottom: 1px solid red;
 }
 
 .tab button.csh-panelc-button-blog.activec~.separator {
   border-bottom: 1px solid darkviolet;
 }
 
 .tab button.csh-panelc-button-video.activec~.separator {
   border-bottom: 1px solid navy;
 }
 
 .tab button.csh-panelc-button-twitter.activec~.separator {
   border-bottom: 1px solid #1da1f2;
 }
 
 /* Style the tab content */
 .tabcontent {
   display: none;
   /*padding: 6px 12px;
   padding: px 3em 0 3em;
   padding: 0, 12px 0 , 12px;
   padding-top:12px;
   padding-bottom:0;
   padding-left:3em;
   padding-right:3em;*/
   /* border: 1px solid #ccc;
   border-top: none;*/
   padding: 1em;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-family: sans-serif;
   color: #333333;
   border: 1px solid;
   border-top: none;
 }
 
 .tabcontent.nocontent, .tabcontent.nocontent.active {
   border-color: gray;
 }
 
 .tabcontent.display {
   display: block;
 }
 
 .tabcontent .video-embed {
   width: 100%;
   height: 315px;
   margin-bottom: 30px;
 }
 
 #panel_video_content p {
   font-size: 14px;
 }
 
 .csh_panelc-body .tabcontent ul {
   list-style-position: inside;
   margin-left: 10px;
 }
 
 #sect_comments.active {
   border-color: #0066ff;
 }
 
 #sect_trip.active {
   border-color: green;
 }
 
 #sect_community_reviews.active {
   border-color: brown;
 }
 
 #sect_auto_reviews.active {
   border-color: red;
 }
 
 #sect_blog_links.active {
   border-color: darkviolet;
 }
 
 #sect_videos.active {
   border-color: navy;
 }
 
 #sect_twitter.active {
   border-color: #1da1f2;
 }
 
 .tab-header {
   margin-bottom: 1.5em;
   border-bottom: 1px solid #dedede;
 }
 
 .tab-title {
   font-size: 1.20rem;
   font-weight: bold;
   margin-bottom: 0.5em;
   color: black;
 }
 
 .tab-description {
   font-size: 13px;
   margin-bottom: 18px;
   margin-top: 5px;
   color: #333333;
   line-height: 150%;
 }
 
 .nocontent .tab-title {
   color: gray;
 }
 
 .nocontent .tab-title i {
   color: gray !important;
 }
 
 #sect_comments .tab-title i {
   padding-right: 4px;
   color: #0066ff;
 }
 
 #sect_trip .tab-title i {
   padding-right: 4px;
   color: green;
 }
 
 #sect_community_reviews .tab-title i {
   padding-right: 4px;
   color: brown;
 }
 
 #sect_auto_reviews .tab-title i {
   padding-right: 4px;
   color: red;
 }
 
 #sect_blog_links .tab-title i {
   padding-right: 4px;
   color: darkviolet;
 }
 
 #sect_videos .tab-title i {
   padding-right: 4px;
   color: navy;
 }
 
 #sect_twitter .tab-title i {
   padding-right: 4px;
   color: #1da1f2;
 }
 
 #sect_trip ul, #sect_trip ol {
   list-style-position: inside;
 }
 
 #sect_trip ul li, #sect_trip ol li {
   margin-bottom: 5px;
 }
 
 .cshl_grid {
   padding-bottom: 40px;
 }
 
 .cshl_grid img {
   margin-right: 8px;
   vertical-align: middle;
 }
 
 .new-grid {
   border-bottom: 1px dashed #dedede;
   margin: 2em 0;
 }
 
 .flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
   font-size: 95%;
 }
 
 .flex-img {
   margin-right: 0.75em;
   vertical-align: middle;
 }
 
 .flex-span {
   display: inline-block;
   vertical-align: middle;
 }
 
 div.panela p {
   margin-top: 5px;
   margin-bottom: 22px;
   font-size: 120%;
   line-height: 150%;
 }
 
 div.panelb p {
   margin-top: 5px;
   margin-bottom: 22px;
   font-size: 120%;
   line-height: 150%;
 }
 
 div.panelc p {
   margin-top: 5px;
   margin-bottom: 22px;
   font-size: 120%;
   line-height: 150%;
 }
 
 div.tabcontent h2 {
   font-size: 1.0em;
   margin-top: 4px;
   margin-bottom: 4px;
   text-transform: none;
   font-size: 120%;
 }
 
 /* start acc 1 */
 .accordion_t1 {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 .accordion_t1.activec, .accordion:hover {
   background-color: #fff;
 }
 
 .accordion_t1:after {
   content: '\02795';
   /* Unicode character for "plus" sign (+) */
   font-size: 13px;
   color: #777;
   float: right;
   margin-left: 5px;
 }
 
 .accordion_t1.activec:after {
   content: "\2796";
   /* Unicode character for "minus" sign (-) */
 }
 
 .accordion_t1.activec, .accordion:hover {
   background-color: #fff;
 }
 
 .accordion_t1 {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 /* end acc 1 */
 
 /* start acc 2 */
 .accordion_t2 {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 .accordion_t2.activec, .accordion:hover {
   background-color: #fff;
 }
 
 .accordion_t2:after {
   content: '\02795';
   /* Unicode character for "plus" sign (+) */
   font-size: 13px;
   color: #777;
   float: right;
   margin-left: 5px;
 }
 
 .accordion_t2.activec:after {
   content: "\2796";
   /* Unicode character for "minus" sign (-) */
 }
 
 .accordion_t12activec, .accordion:hover {
   background-color: #fff;
 }
 
 .accordion_t2 {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 /* end acc 2 */
 
 /* start acc 3 */
 .accordion_t3 {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 .accordion_t3.activec, .accordion:hover {
   background-color: #fff;
 }
 
 .accordion_t3:after {
   content: '\02795';
   /* Unicode character for "plus" sign (+) */
   font-size: 13px;
   color: #777;
   float: right;
   margin-left: 5px;
 }
 
 .accordion_t3.activec:after {
   content: "\2796";
   /* Unicode character for "minus" sign (-) */
 }
 
 .accordion_t3.activec, .accordion:hover {
   background-color: #fff;
 }
 
 .accordion_t3 {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 /* end acc 3 */
 /* span.csh_partner {
   position:relative; 
   top:-4px;
   font-size:1.2em;
 } */
 /* Style the accordion panel. Note: hidden by default */
 .panel {
 
   background-color: white;
   display: none;
   overflow: hidden;
   font-size: 120%;
   line-height: 150%;
   ;
 }
 
 .panel_blog_links {
   background-color: white;
   display: block;
   overflow: hidden;
   font-size: 110%;
   line-height: 130%;
   margin-top: 6px;
   margin-bottom: 18px;
 }
 
 .csh_panel_hdr {
   background-color: white;
   display: none;
   overflow: hidden;
   font-size: 130%;
   line-height: 150%;
   /*
   margin-top:10px;
   margin-bottom:25px;
   */
   font-weight: 300;
 }
 
 .csh_panel_hdr_sub {
   background-color: white;
   display: block;
   overflow: hidden;
   font-size: 130%;
   line-height: 150%;
   /*
   margin-top:10px;
   margin-bottom:25px;
   */
   font-weight: 300;
 }
 
 .accordionb {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 .panelb {
 
   background-color: white;
   display: block;
   overflow: hidden;
 }
 
 button {
   background: none;
 }
 
 button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
   -moz-box-shadow: #fff 0 0 0px;
   -webkit-box-shadow: #fff 0 0 0px;
   box-shadow: #fff 0 0 0px;
   z-index: 0;
 }
 
 button {
   background: none;
   font: 14px/1.2 sans-serif;
 }
 
 .button a, .button a:link, .button a:visited, .button a:hover, a.button, a.button:link, a.button:visited, a.button:hover, .button-wrapper, button, input[type="reset"], input[type="submit"], input[type="button"] {
   background-color: #d3d3d3;
   border-color: #a9a9a9;
   color: #000;
 }
 
 .button-wrapper, .button a, a.button, button, input[type="reset"], input[type="submit"], input[type="button"] {
   font-size: 1em;
   font-weight: normal;
   font: 14px/1.2 sans-serif;
   padding: 8px 20px;
   text-shadow: none;
   -webkit-border-radius: 0em;
   border-radius: 0;
 }
 
 .button-wrapper {
   padding: 0
 }
 
 /* markdown styles */
 .cshl-hmarkdown-view blockquote p, .cshl-hmarkdown-view blockquote li {
   line-height: 1.5;
 }
 
 .cshl-hmarkdown-view blockquote p, .cshl-hmarkdown-view blockquote ol, .cshl-hmarkdown-view blockquote ul, .cshl-hmarkdown-view blockquote img, .cshl-hmarkdown-view blockquote pre, .cshl-hmarkdown-view blockquote blockquote {
   margin: .7063em 0;
 }
 
 .cshl-hmarkdown-view li, .cshl-hmarkdown-view p {
   line-height: 1.3;
 }
 
 .cshl-hmarkdown-view h1, .cshl-hmarkdown-view h2, .cshl-hmarkdown-view h3, .cshl-hmarkdown-view h4, .cshl-hmarkdown-view h5, .cshl-hmarkdown-view h6, .cshl-hmarkdown-view p, .cshl-hmarkdown-view ol, .cshl-hmarkdown-view ul, .cshl-hmarkdown-view img, .cshl-hmarkdown-view pre, .cshl-hmarkdown-view blockquote {
   margin: .618em 0;
 }
 
 .cshl-hmarkdown-view blockquote {
   line-height: 1.4;
   font-weight: normal;
   color: #202020;
   font-size: 13px;
   border-left: 3px solid #dbdbdb;
   color: #737373;
   font-family: sans-serif;
   font-size: 12px;
   font-style: italic;
   letter-spacing: .1px;
   padding: 0 1em;
   margin: 1em 0;
 }
 
 .cshl-hmarkdown-view {
   width: 100%;
   line-height: normal;
   cursor: text;
   overflow-wrap: break-word;
   word-break: break-word;
 }
 
 /* Badge Styles */
 #cshl_widget {
   margin: 20px 0;
   font-size: 13px;
   position: relative;
   width: max-content;
 }
 
 #cshl_widget .separator {
   border-style: solid;
   border-color: gray;
   border-top-width: 2px;
   border-bottom-width: 2px;
   padding: 0 2px;
 }
 
 a[class^="csh-panelc-tab"] {
   border-width: 2px;
   border-style: solid;
   border-color: gray;
   padding: 3px 5px;
   cursor: pointer;
 }
 
 a[class^="csh-panelc-tab"] i {
   color: inherit;
   margin-right: 4px;
 }
 
 a[class^="csh-panelc-tab"].nocontent {
   background: unset;
   color: gray;
   cursor: default;
 }
 
 a.csh-panelc-tab-comment {
   color: #0066ff;
 }
 
 a.csh-panelc-tab-comment.active {
   background: #0066ff;
   color: white;
 }
 
 a.csh-panelc-tab-trip {
   color: green;
 }
 
 a.csh-panelc-tab-trip.active {
   background: green;
   color: white;
 }
 
 a.csh-panelc-tab-community {
   color: brown;
 }
 
 a.csh-panelc-tab-community.active {
   background: brown;
   color: white;
 }
 
 a.csh-panelc-tab-automated {
   color: red;
 }
 
 a.csh-panelc-tab-automated.active {
   background: red;
   color: white;
 }
 
 a.csh-panelc-tab-blog {
   color: darkviolet;
 }
 
 a.csh-panelc-tab-blog.active {
   background: darkviolet;
   color: white;
 }
 
 a.csh-panelc-tab-video {
   color: navy;
 }
 
 a.csh-panelc-tab-video.active {
   background: navy;
   color: white;
 }
 
 a.csh-panelc-tab-twitter {
   color: #1da1f2;
 }
 
 a.csh-panelc-tab-twitter.active {
   background: #1da1f2;
   color: white;
 }
 
 /* Only allow hover on non-touchscreen devices */
 @media (hover: hover) {
   a[class^="csh-panelc-tab"].nocontent:hover {
     background: unset;
     color: gray;
   }
 
   a.csh-panelc-tab-comment:hover {
     background: #0066ff;
     color: white;
   }
 
   a.csh-panelc-tab-trip:hover {
     background: green;
     color: white;
   }
 
   a.csh-panelc-tab-community:hover {
     background: brown;
     color: white;
   }
 
   a.csh-panelc-tab-automated:hover {
     background: red;
     color: white;
   }
 
   a.csh-panelc-tab-blog:hover {
     background: darkviolet;
     color: white;
   }
 
   a.csh-panelc-tab-video:hover {
     background: navy;
     color: white;
   }
 
   a.csh-panelc-tab-twitter:hover {
     background: #1da1f2;
     color: white;
   }
 }
 
 /*Tooltip stlying requires span tags with the listed class names*/
 a[class^="csh-panelc-tab"]~span[class*="tooltip"] {
   position: absolute;
   visibility: hidden;
   top: 125%;
   border: 2px solid gray;
   padding: 0 5px;
   width: 40%;
   text-align: center;
   transition-delay: 0.25s;
 }
 
 span.csh-panelc-tab-comment-tooltip {
   background: #0066ff;
   color: white;
   left: 0;
 }
 
 span.csh-panelc-tab-trip-tooltip {
   background: green;
   color: white;
   left: 14.28%;
 }
 
 span.csh-panelc-tab-community-tooltip {
   background: brown;
   color: white;
   left: 28.57%;
 }
 
 span.csh-panelc-tab-automated-tooltip {
   background: red;
   color: white;
   left: 42.85%;
 }
 
 span.csh-panelc-tab-blog-tooltip {
   background: darkviolet;
   color: white;
   right: 28.57%;
 }
 
 span.csh-panelc-tab-video-tooltip {
   background: navy;
   color: white;
   right: 14.28%;
 }
 
 span.csh-panelc-tab-twitter-tooltip {
   background: #1da1f2;
   color: white;
   right: 0;
 }
 
 /* Only allow hover on non-touchscreen devices */
 @media (hover: hover) {
   a[class^="csh-panelc-tab"].nocontent:hover~span[class*="tooltip"] {
     background: white;
     color: gray;
   }
 
   a.csh-panelc-tab-comment:hover~.csh-panelc-tab-comment-tooltip {
     visibility: visible;
   }
 
   a.csh-panelc-tab-trip:hover~.csh-panelc-tab-trip-tooltip {
     visibility: visible;
   }
 
   a.csh-panelc-tab-community:hover~.csh-panelc-tab-community-tooltip {
     visibility: visible;
   }
 
   a.csh-panelc-tab-automated:hover~.csh-panelc-tab-automated-tooltip {
     visibility: visible;
   }
 
   a.csh-panelc-tab-blog:hover~.csh-panelc-tab-blog-tooltip {
     visibility: visible;
   }
 
   a.csh-panelc-tab-video:hover~.csh-panelc-tab-video-tooltip {
     visibility: visible;
   }
 
   a.csh-panelc-tab-twitter:hover~.csh-panelc-tab-twitter-tooltip {
     visibility: visible;
   }
 }
 
 div.cshl_grid_tweets {
   width: 100%;
   margin-bottom: 10px;
 }
 
 @media (min-width: 768px) and (min-device-width: 768px), (max-device-width: 800px) and (min-width: 768px) and (orientation: landscape) {
   #region-branding {
     width: 398px;
     padding: 0 24px;
   }
 
   #region-branding-second {
     width: 230px;
     padding: 0;
   }
 }
 
 @media (min-width: 980px) and (min-device-width: 980px), (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
   #region-branding {
     width: 534px;
     padding: 0 32px;
   }
 
   #region-branding-second {
     width: 310px;
     padding: 0;
   }
 }
 
 @media (min-width: 1220px) {
   #region-branding {
     width: 670px;
     padding: 0 40px;
   }
 
   #region-branding-second {
     width: 390px;
     padding: 0;
   }
 }
 
 a.anchor {
   display: block;
   position: relative;
   top: -150px;
   visibility: hidden;
 }
 
 .button_logo {
   background-color: #fff;
   color: #333;
   cursor: pointer;
   font-size: 105%;
   padding: 0;
   padding-bottom: 14px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   font-weight: 500;
 }
 
 span.csh_partner {
   position: relative;
   top: -3px;
   font-size: 1.0em;
 }
 
 span.csh_partner_logo {
   position: relative;
   top: -11px;
   font-size: 1.0em;
 }
 
 div.trip_text {
   padding-top: 10px;
   position: relative;
 }
 
 a.show-hide {
   padding-top: 8px;
   font-size: 12px;
   display: block;
   text-align: right;
   line-height: 1;
   text-decoration: underline;
   font-weight: bold;
   color: #cb2938;
 }
 
 a.show-hide.hide::before {
   content: "";
   height: 2em;
   width: 100%;
   position: absolute;
   bottom: 20px;
   right: 0;
   background: linear-gradient(to top, #fafafa, rgb(255, 255, 255, 0));
   /* W3C */
   background: -webkit-linear-gradient(bottom, #fafafa, rgb(255, 255, 255, 0));
   /* Chrome,Safari4+ */
   background: -moz-linear-gradient(bottom, #fafafa, rgb(255, 255, 255, 0));
   /* FF3.6+ */
   background: -o-linear-gradient(bottom, #fafafa, rgb(255, 255, 255, 0));
   /* Opera 11.10+ */
   background: -ms-linear-gradient(bottom, #fafafa, rgb(255, 255, 255, 0));
   /* IE10+ */
 }
 
 hr.trip-separator {
   height: 1px;
   color: #666666;
   width: 100%;
 }
 
 /* dashboard and icon tray */
 
 /* follow papers */
 .node-type-highwire-article .pane-biorxiv-art-tools .pane-biorxiv-art-email .minipanel-dialog-wrapper, .panel-region-content-left p {
   margin: 0;
 }
 
 #follow-button {
   color: #1560BD;
   font-weight: bold;
   font-size: .93rem;
   cursor: pointer;
   float: right;
   margin: 0;
 }
 
 #follow-button:hover {
   color: #1560BD;
 }
 
 #follow-button::after {
   display: table;
   content: "";
   clear: both;
 }
 
 #follow-form {
   box-sizing: border-box;
   position: fixed;
   background: #f5f5f5;
   z-index: 1;
   width: 95%;
   padding: 15px;
   box-shadow: 0px 6px 12px 0 grey;
   display: none;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 
 @media (min-width: 375px) and (min-device-width: 375px) {
   #follow-form {
     width: 360px;
   }
 }
 
 #follow-form.follow-show {
   display: block;
 }
 
 .follow-header {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   margin-bottom: 5px;
 }
 
 .follow-title {
   margin: 0;
 }
 
 .follow-close {
   font-weight: bold;
   color: #121212;
   cursor: pointer;
 }
 
 .follow-description a {
   font-weight: bold;
 }
 
 .follow-option {
   margin-bottom: 12px;
 }
 
 .follow-option-label {
   display: inline;
   margin-left: 5px;
 }
 
 .follow-loading {
   position: relative;
   display: none;
   width: 32px;
   height: 32px;
   vertical-align: middle;
   margin-left: 6px;
 }
 
 .follow-loading.center {
   display: block;
   width: auto;
 }
 
 .follow-loading.show {
   display: inline-block;
 }
 
 #form-message {
   margin-top: 12px;
   opacity: 0;
   color: #f5f5f5;
   transition: opacity 0.5s, color 0.5s;
 }
 
 #form-message.success {
   opacity: 1;
   color: green;
 }
 
 #form-message.error {
   background: none;
   opacity: 1;
   color: red;
 }
 
 .follow-select {
   margin-right: 3px;
 }
 
 .follow-events-table td {
   vertical-align: middle;
 }
 
 .follow-events-table tbody td:nth-child(2) {
   position: relative;
 }
 
 .follow-doi-meta {
   display: none;
   position: absolute;
   z-index: 1;
   background-color: white;
   border: 1px solid gray;
   padding: 7px;
 }
 
 .follow-doi-meta .follow-doi-meta-title {
   font-weight: bold;
   margin-bottom: 5px;
 }
 
 .follow-doi-url:hover>.follow-doi-meta {
   display: block;
 }
 
 .follow-delete-button {
   cursor: pointer;
 }
 
 input.follow-update-button, button.follow-update-button {
   font-size: 12px;
 }
 
 .pane-follow-flex {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
   flex-wrap: wrap;
   margin-bottom: 10px;
 }
 
 .cshl_emoji {
   height: 1.2em;
   display: inline-block;
 }
 
 /* follow papers */
 
 /* Print Full Text */
 a.full-text-print {
   color: #bd2736;
   font-weight: 700;
   cursor: pointer;
 }
 
 div.article-type-subject-area-print {
   display: inline-block;
   border-left: 2px solid #bd2736;
   padding: 10px;
   text-align: left;
   text-transform: uppercase;
   line-height: 1.2;
 }
 
 div.doi-date {
   margin-top: 15px;
 }
 
 ul.history-list {
   display: none;
 }
 
 div.highwire-markup div.contributors ol.contributor-list {
   margin-top: 0;
 }
 
 @media print {
   ul.highwire-figure-links, div.table-callout-links, aside {
     display: none;
   }
 
   body {
     background-color: white;
   }
 
   div.highwire-markup div.article div.pos-float, div.highwire-markup div.article .supplementary-material {
     background-color: white;
     border-color: white;
   }
 
   img {
     max-height: 90vh;
   }
 
   #region-branding {
     float: left;
     padding: 0;
     margin: 0;
     width: 70%;
   }
 
   #region-branding-second {
     float: left;
     padding: 0;
     margin: 0;
     width: 30%;
   }
 
   #zone-branding .region-inner {
     padding-top: 0;
   }
 
   #sliding-popup {
     display: none;
   }
 }
 /* Print Full Text */