/*****************************************************************
 custom global css code for medRxiv 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;
}
ul li.leaf {
    content: " | ";
    padding: 1px !important;
    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
}

//li#fn-7 {
//list-style: none;
//margin: 15px 0 0 0;
//padding-left:0px;
//}
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
}

.pane-highwire-article-citation .medrxiv-article-type {
    text-transform: uppercase;
}

span.medrxiv-article-type {
    font-size: 115%;
    color: darkred;
    text-transform: uppercase;
    font-weight: bold;
}

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.views-field-name {

    line-height: 1.2em;
    margin-bottom: 12px;
    /* padding-left: .5em;
    text-indent:-.5em; */
}

div#fn-group-1 h2 {
    border-top-width: 1px;
    border-top-color: #666666;
}

ul.highwire-article-collection-term-list {
    width: 300px;
}

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;
}

.cshl-aff-wrapper {
    width: 560px;
    margin-left: 12px;
}

.cshl-aff {
    display: block;
    float: left;
    width: 225px;
    margin-top: 12px;
}

.cshl-aff-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#csh-col2 .cshl-aff-wrapper li {
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    color: #333333;
}

#csh-container {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

#csh-col1 {
    float: left;
    width: 40%;
    padding-right: 100px;
    min-width: 280px;
    background: #fff;
}

#csh-col2 {
    float: left;
    width: 40%;
    padding-left: 0px;
    min-width: 280px;
    background: #fff;
}

#csh-col2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#csh-col2 li {

    padding-bottom: 4px;
}

#csh-col2 ul#csh-list li {
    line-height: 120%;
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
    font-size: 100%;
}

#mini-panel-biorxiv_art_tools>div>div.content-left-wrapper.content-column>div>div>div.panel-pane.pane-biorxiv-supplementary-fragment>div>p {
    margin-bottom: 0;
}

/* Comment Link - REMOVED 3-2-2022 FOR DASHBOARD */
#ccountx::after {
    content: "";
    display: table;
    clear: both;
}

a.comment-count {
    color: #0066ff;
    font-size: 12.6px;
    font-weight: bold;
    float: right;
}

a.comment-count i {
    color: inherit;
    font-weight: inherit;
}
/* Comment Link - REMOVED 3-2-2022 FOR DASHBOARD */

/* Dashboard and Launch Bar Styles */
.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%);
	}
}

@media all and (min-width: 2000px) {
	.csh_panelc {
		width: 45%;
	}
}

.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 {
	padding: 0 3em 1em;
	flex: 0 1 0;

}

.csh_panelc-footer {
	padding: 0 3em 2em;
}

.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 buttons in the Dashboard that are used to open the tab content */
.tab {
	background-color: #fff;
}

.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: 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 */

/* 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%;
	font-weight: 300;
}

.csh_panel_hdr_sub {
	background-color: white;
	display: block;
	overflow: hidden;
	font-size: 130%;
	line-height: 150%;
	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;
}

/* Launch Bar 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: #0e4c92;
}

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%;
}

/* Video Tab Share Link */
div.video-tab-share {
	font-size: 13px;
	margin-bottom: 15px;
}

a.video-tab-share-link {
	font-weight: bold;
	margin-right: 4px;
	cursor: pointer;
}

a.video-tab-share-link:hover {
	color: #0e4c92;
}

.video-tab-share i {
	margin-right: 4px;
}

.video-tab-share-message {
	font-weight: bold;
	color: black;
	opacity: 0;
	visibility: hidden;
	transition: all 2s;
}

.video-tab-share-message.show {
	visibility: visible;
	opacity: 1;
}
/* Dashboard and Launch Bar Styles */

/* Fix Second Column Margin (Article Area) */
.node-type-highwire-article .pane-biorxiv-art-tools .pane-biorxiv-art-email .minipanel-dialog-wrapper, .panel-region-content-left p {
    margin: 0;
}

/* Print Full Text */
div.dropdown-container {
    position: relative;
}

div.dropdown {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 1;
    padding: 5px 10px;
    border: 1px solid gray;
}

div.dropdown-container:hover div.dropdown {
    display: block;
}

div[class*='-art-tools'].panel-pane .panel-pane .pane-content div.dropdown a.dropdown-link {
    margin: 2px 0;
    cursor: pointer;
}

div[class*='-art-tools'].panel-pane .panel-pane .pane-content div.dropdown a.dropdown-link.inactive, div[class*='-art-tools'].panel-pane .panel-pane .pane-content div.dropdown a.dropdown-link.inactive i {
    color: lightgray;
    cursor: default;
}

a.print-save-options {
    color: #0e4c92;
    font-weight: 700;
    cursor: pointer;
}

a.print-save-info {
    float: right;
}

div.article-type-subject-area-print {
    display: inline-block;
    border-left: 2px solid #0e4c92;
    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;
}

div.article-refresh-message {
    position: fixed;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    color: white;
    font-weight: bold;
    background-color: rgb(128 128 128);
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

@media print {
    ul.highwire-figure-links, div.table-callout-links, aside, div.article-refresh-message {
        display: none;
    }

    body {
        background-color: white;
    }

    body> :not(#page) {
        display: none;
    }

    div.highwire-markup div.article div.pos-float, div.highwire-markup div.article .supplementary-material {
        background-color: white;
        border-color: white;
    }

    div.highwire-markup div.article div.pos-float {
        page-break-inside: avoid;
        break-inside: avoid;
        -webkit-break-inside: avoid;
    }

    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;
    }

    #zone-branding, #zone-content {
        width: 700px;
    }
}

/* Print Full Text */