html {
    font-family: "Roboto", "Arial", "Tahoma", sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 3rem;
    margin: 1em 0 .5em;
}

h2 {
    font-size: 2.4rem;
}


/* Links */

.plain-text-button {
    border: none;
    padding: 0;
    background: transparent;
    color: #0071bc;
    font-weight: 600;
    text-transform: uppercase;
}

.plain-text-button:hover {
    background: transparent;
}

a.plain-text-button:hover {
    text-decoration: none;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.no-top-padding {
    padding-top: 0 !important;
}

.no-bottom-padding {
    padding-bottom: 0 !important;
}

.extra-top-margin {
    margin-top: 1.5rem;
}

.extra-bottom-margin {
    margin-bottom: 1.5rem;
}

.extra-top-padding {
    padding-top: 1.5rem;
}

.extra-bottom-padding {
    padding-bottom: 1.5rem;
}

.red-head {
    /* font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif; */
    font-weight: 500;
    color: #cd2026; /* secondary-dark */
    font-size: 1.5rem;
    text-transform: uppercase;
    margin: 1.5rem 0;
}


.annotated-links {
    border: none;
}

.annotated-links dt {
    display: block;
    float: none;
    width: auto;
    min-width: initial;
    max-width: initial;
    border: none;
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.annotated-links dd {
    display: block;
    float: none;
    width: auto;
    min-width: initial;
    max-width: initial;
    border: none;
    font-size: 1.4rem;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.5em;
}


.gq-featured-source {
    display: none;
}

/* Sections */

.gq-special-section {
    background-color: #f1f1f1;
    border-bottom: 1px solid #d6d7d9;
}

.gq-highlight-section {
    border-top: 1px solid #d6d7d9;
}


.gq-section{
    margin: 3rem 0;
}
@media screen and (min-width: 600px) {
    .gq-section{
        margin: 4.5rem 0;
    }
}


.gq-spelling p {
    margin: 0.4rem 0;
}


/* gquery */

.gquery h1 {
    /* font-family: "Public Sans", "Helvetica Neue", "Arial", sans-serif; */
    font-size: 1.7rem;
    font-weight: normal;
    color: #5b616b;
}

.gquery h1 strong {
    font-weight: 600;
    color: #212121;
}


.gq-feature-section {
    margin-bottom: 2.4rem;
}
@media screen and (min-width: 600px) {
.gq-feature-section {
    margin-bottom: 4.8rem;
}
}


/* shadowbox */

.shadowbox-wrapper {
}
@media screen and (min-width: 600px) {
    .shadowbox-wrapper {
        position: relative;
    }
    .shadowbox-wrapper .ncbi-vote-helpful {
        position: absolute;
        top: 4px;
        right: 4px;
    }

    .expandable {
        padding: 0;
    }
}

.shadowbox-wrapper .shadowbox {
    margin: 0;
}


/*
.shadowbox {
    border: 1px solid #d6d7d9;
    border-radius: 4px;
    padding: 1.6rem;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-duration: 280ms;
}

.shadowbox > :first-child {
	margin-top: 0;
}

.shadowbox > :last-child {
	margin-bottom: 0;
}
*/

.shadowbox h2 {
    margin: 1.5rem 0;
    /* font-family: "Public Sans", "Helvetica Neue", "Arial", sans-serif; */
}
@media screen and (min-width: 600px) {
    .shadowbox h2 {
        margin: 3rem 0;
    }
}

.shadowbox p {
    margin-top: 0.4rem;
}

.shadowbox a:visited {
    color: #0071bc;
}

.shadowbox p > a {
}


.ncbi-doc-authors a:visited {
    color: #2e8540;
}

.ncbi-doc-id a:visited {
    color: #5b616b;
}

.shadowbox #cartoon {
    margin: 1.5rem 0;
}

.shadowbox dt {
    font-weight: 600;
}

.shadowbox ul {
    margin-top: 0.8rem;
}

/*
.shadowbox .ncbi-doc-context {
    font-weight: normal;
}


.shadowbox .ncbi-doc-title {
}
*/



.shadowbox .ncbi-doc-excerpt {
    font-size: 1.7rem;
    margin: 0.4rem 0;
}

.shadowbox .ncbi-doc-description {
    font-size: 1.7rem;
    margin: 0.4rem 0;
}


.shadowbox .ncbi-inline-list {
    display: inline;
}

.expandable {
    padding: 0;
}

/*
.shadowbox .panel {
    padding: 1.6rem;
}

.shadowbox .panel > :first-child {
	margin-top: 0;
}

.shadowbox .panel > :last-child {
	margin-bottom: 0;
}
*/


.shadowbox form .usa-button {
    margin-top: 3rem;
    margin-bottom: 0;
}

.shadowbox .expand {
	margin-top: 0;
}

.shadowbox .expand input {
    display: none;
}

.shadowbox .expand .panel {
    padding-top: 0;
}

.shadowbox .expand-panel {
	height: 0;
    max-height: 0;
	overflow: hidden;
    padding-bottom: 0;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.shadowbox .expand input:checked ~ .expand-panel {
    height: auto;
    max-height: 1000px;
    padding-bottom: 1.5rem;
}
/*
@media screen and (min-width: 600px) {
	.shadowbox .expand-panel {
		padding: 0 2rem;
	}
    .shadowbox .expand input:checked ~ .expand-panel {
        padding-bottom: 2rem;
    }
}
*/

.shadowbox .expand label {
	display: block;
	width: 100%;
    height: 3rem;
	max-width: 100%;
	margin: 0;
	border-top: 1px solid #e7e7e7;
	text-align: center;
	cursor: pointer;
    background: url("../img/angle-arrow-down.svg") no-repeat center;
    background-size: 20px 20px;
}

.shadowbox .expand label:hover {
	background-color: #f1f1f1;
}

.shadowbox .expand input:checked ~ label {
    background: url("../img/angle-arrow-up.svg") no-repeat center;
    background-size: 20px 20px;
}

.shadowbox .expand input:checked ~ label:hover {
	background-color: #f1f1f1;
}

.shadowbox table {
    margin: 1.2rem 0;
}

/* */
.shadowbox table thead th {
    padding: 0.75em;
    text-align: left;
    border: none;
    background-color: transparent;
}

.shadowbox table thead th:first-child {
  padding-left: 0;
}
.shadowbox table thead th:last-child {
  padding-right: 0;
}

.shadowbox table thead .num {
    text-align: right;
}

.shadowbox table thead tr {
    border-top: 1px solid #aeb0b5;
    border-bottom: 1px solid #aeb0b5;
}

.shadowbox table tbody tr {
    border-bottom: 1px solid #d6d7d9;
}

.shadowbox table tbody td {
    font-size: 1.6rem;
    padding: 0.75em;
    border: 0;
}

.shadowbox table tbody .ncbi-label {
    margin: 0;
}

.shadowbox table tbody td:first-child {
  padding-left: 0;
}
.shadowbox table tbody td:last-child {
  padding-right: 0;
}

.shadowbox table .num {
    padding-left: 0.25rem;
}


/* favicon -link */

.favicon-link {
    padding-right: 0.5rem;
}

.favicon-link img {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    /* border: 1px solid #f7f7f7; */
}

.favicon-link:visited {
    color: #0071bc;
}


/* Action links */

.gq-action-links {
    margin: 1.5rem 0;
    background-color: transparent;
}

.gq-action-links > .mdc-button {
    margin-bottom: 0;
}

.gq-action-link {
    border-radius: 4px;
    color: #0071bc !important;
    background-color: white !important;
    padding: 1rem 1.6rem;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    box-shadow: inset 0 0 0 1px #0071bc !important;
}

.gq-action-link:hover {
    color: #0071bc !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 2px #0071bc !important;
}

.gq-action-link:active, .gq-action-link:focus {
    box-shadow: inset 0 0 0 2px #0071bc, 0 0 3px #3e94cf, 0 0 7px #3e94cf !important;
}

@media screen and (min-width: 600px) {
    .gq-action-link {
        margin: 0 1.5rem 0 0;
    }
}

.gq-filesize-hint {
    margin: 2rem 0 1.5rem !important;
    color: #5b616b;
}



/* Download */

#btn_download_popup {
    display: none;
}

@media screen and (min-width: 600px) {
    #btn_download_popup {
        display: inline-block;
    }
}

.tablet #btn_download_popup {
    display: none;
}


/* New tabbed search-nav interface */

.gq-search-nav-section {
    background-color: #dce4ef;
    border-bottom: 1px solid #8ba6ca;
}

.gq-search-nav-section .home-link {
    display: none;
}
@media screen and (min-width: 481px) {
    .gq-search-nav-section .home-link {
        display: inline-block;
        font-size: 1.7rem;
        /* font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; */
        font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif;
        font-weight: 500;
        padding-top: 2rem;
    }
}

.gq-search-nav-section .home-link a {
    color: #323a45;
}

.gq-search-nav-section .home-link a:hover {
    color: #0071bc;
}

.gq-search-nav-section .home-link a:visited {
    color: #323a45;
}

.gq-search-nav {
}

.gq-search-bar {
    padding: 1.5rem 0;
}

.gq-nav {
}

.gq-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gq-nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0 0.5em;
}

.gq-nav ul li a {
    color: #5b616b;
}

.gq-nav ul li a:hover {
    color: #0071bc !important;  /* seems to require !important ... not sure why */
    text-decoration: none;
}

.gq-nav ul li a:visited {
    color: #5b616b;
}

.gq-nav .current {
    color: #00A0CC;
    font-weight: bold;
    border-bottom: 4px solid #00A0CC;
}



/* shadowbox */

.shadowbox-wrapper .ncbi-docsum {
    margin: 0;
}
.shadowbox-wrapper .ncbi-docsum > li:last-child {  /* has no effect */
    margin-bottom: 0;
}

.shadowbox-wrapper .usa-accordion > li {
    border-top: 1px solid #d6d7d9;
    margin-bottom: 0;
}

.shadowbox-wrapper .usa-accordion > li:last-child {
    border-bottom: none;
}

.shadowbox-wrapper .usa-accordion-button {
    padding: 1.6rem;
    background-color: white;
    font-size: 1.8rem;
}
/*
@media screen and (min-width: 600px) {
    .shadowbox-wrapper .usa-accordion-button {
        padding: 1.5rem 2rem;
        background-color: white;
    }
}
*/

.shadowbox-wrapper .usa-accordion-button:hover {
    background-color: #f1f1f1;
}

.shadowbox-wrapper .usa-accordion-content {
    padding: 0.5rem 1.6rem 1.6rem 1.6rem;
}
/*
@media screen and (min-width: 600px) {
    .shadowbox-wrapper .usa-accordion-content {
        padding: 0.5rem 2rem 2rem 2rem;
    }
}
*/

.shadowbox-wrapper .usa-accordion-content table{
    margin-top: 1rem;
}


/* accordion override */

.shadowbox .usa-accordion-content {
    /* font-family: "Public Sans", "Helvetica Neue", "Arial", sans-serif; */
}

.shadowbox .usa-accordion-content h3 {
    /* font-family: "Public Sans", "Helvetica Neue", "Arial", sans-serif; */
    font-size: 1.8rem;
}

.shadowbox .usa-accordion-content h4 {
    /* font-family: "Public Sans", "Helvetica Neue", "Arial", sans-serif; */
}


/* ClinVar */

.clinvar-stars .fas {
    color: #fdb81e;
}

.clinvar-stars .far {
    color: #d6d7d9;
}


/* Primary content */


.primary-content .ncbi-doc-title {
    font-size: 2rem;
}

.primary-content .ncbi-doc-excerpt {
    font-size: 1.7rem;
    color: #212121;
    margin: 0.8rem 0;
}

.primary-content .ncbi-doc-excerpt a {
    /* border-bottom: none; */
}

.primary-content .ncbi-doc-details {
    margin: 0.8rem 0;
}

.primary-content .ncbi-doc-id {
    margin: 0.8rem 0;
}

.primary-content .ncbi-doc-links {
    font-size: 1.6rem;
    font-weight: 500;
}

.primary-content a:visited {
    color: #0071bc;
}


/* Literature */

.article-tile {
    padding-bottom: 3rem;
    border: 1px solid transparent;
}

.article-tile:hover {
    border: 1px solid #f1f1f1;
}


.article-tile .ncbi-doc-title {
    /* font-size: 2rem; */
    /* font-weight: bold; */
}

/* YouTube */

.youtube-large {
    position: relative;
    width: 100%;
    padding-top: 56.25%;  /* 16:9 aspect ratio */
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.youtube-image {
    position: absolute;
    width: 100%;
    top: -16.78%;
    left: 0;
}


/* Wikipedia */

.wikipedia-figure {
    border: 1px solid #aeb0b5;
    background-color: white;
    padding: 1.5rem;
    margin: 0;
    font-size: 1.4rem;
}


/* Decorative graphics */
/* labs no longer exists _z_ */
.pm-labs-image {
    display: none;
}
@media screen and (min-width: 1201px) {
    .pm-labs-image {
        display: inline-block;
        width: 16rem;
        height: 16rem;
    }
}


/* ortholog description: show more or less */
#ortholog-desc-more {
    font-size: 0.8em;
    /* text-decoration: underline; */
}

.ncbi-popper-body #btn_submit_download_asm {
    margin-top:0;
}

.table-row-selected-animated td {
    /*background: $grey-light*/
    /* gray-lightest */
    background-color: #f1f1f1;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/* for mock human mitochondrion sensor result */

.organelle {
    display: flex;
    border: 1px solid #d6d7d9;
    padding: 1px;
    margin: 3rem 0;
}

.organelle .dloop, .cds, .rrna, .trna {
    display: block;
    height: 24px;
    font-size: 10px;
    text-align: center;
    overflow: hidden;
    padding-top: 4px;
    border-right: 1px solid white;
    cursor: pointer;
}

.organelle .dloop {
    color: white;
    background-color: #e59393;
}

.organelle .cds {
    color: white;
    background-color: #4773aa;
}

.organelle .rrna {
    background-color: #fff1d2;
}

.organelle .trna {
    background-color: #4aa564;
}



/* News search */

ul.search-results {
    list-style: none;
    padding: 0;
}

.search-results li {
    border-top: 1px solid #d6d7d9;
    margin: 0;
    padding: 0 0 3rem 0;
}
@media screen and (min-width: 600px) {
.search-results li {
    border-top: none;
}
}

/*  this causes problems for positioning of the thumbnail image. Remove bottom padding from the div above instead
.search-results li:first-child {
    padding-top: 0;
}
*/

.search-results li:last-child {
    padding-bottom: 0;
}

.search-results a {
    /* color: #212121; */
}

.search-results a:hover {
    /* text-decoration: none; */
}

.search-results h4 {
    color: #212121;
    /* font-family: "Public Sans", "Helvetica Neue", "Arial", sans-serif; */
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0.4rem 0;
}


.search-results p {
    font-size: 1.4rem;
    color: #5b616b;
    margin: 0;
}


/* sars-cov2-popper */
#sars-cov2-popper {
    max-width: 350px !important;
}
#sars-cov2-popper .ncbi-popper-body {
    font-size: 1.5rem;
}
#sars-cov2-popper .sars-cov-2-extra {
    list-style: none;
    padding-left:0;
    margin-top:2rem;
}
#sars-cov2-popper .form-field  label{
    margin-top:2rem;
}
#sars-cov2-popper #btn-download-sars-cov2 {
    float: right;
    margin: 16px 0;
}
/* end sars-cov2-popper */