:root {
  --color-header: #1A1A1A;
  --color-text: #4D4D4D;
  --color-primary: #1E64C8;
  --color-secondary: #E9F0FA;
  --color-success: #71A860;
  --color-success-hover: #5F9250;
  --color-warning: #F1A42B;
  --color-warning-hover: #E7930F;
  
  /* Override */
  --very-dark-primary-color: var(--color-primary);
}

a:not(.fa), h1, h2, h3, h4, h5, h6,
body, main, section, header, footer,
footer p
{
  font-family: "-apple-system", "BlinkMacSystemFont", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

body {
  color: var(--color-text);
  font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-header);
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h3.news-item-block {
  font-size: 24px;
}

h4 {
  font-size: 15px;
}

.news-item-block h4 {
  font-size: 18px;
}

.news-item-block h6 {
  color: #666;
  font-size: 12px;
}

a:not(.button):not([href*=orcid.org]), a:link:not(.button), a:hover:not(.button), a:active:not(.button), a:visited:not(.button) {
  color: var(--color-primary);
  text-decoration: underline;
}

a:hover {
  text-decoration: none !important;
}

#journal-title {
  border-right: none;
}

h1.menu-text {
  color: var(--color-primary);
  font-weight: 300;
}

.menu.global-search input[type=submit] {
  display: none;
}

.menu.language-menu button {
  background-color: unset !important;
  border-radius: unset;
  border-width: 0;
  box-shadow: unset;
  color: white;
  font-size: 14px;
  line-height: 21px;
  margin: 10px;
  padding: 0;
}

.menu.language-menu button.flag-active {
  text-decoration: underline;
  text-underline-offset: unset;
  text-decoration-thickness: unset;
}

.menu.language-menu button:hover {
  background-color: unset !important;
  text-decoration: underline;
}

.main-header > .main.top-bar a, 
.main-header > .main.top-bar a:link, 
.main-header > .main.top-bar a:hover, 
.main-header > .main.top-bar a:active, 
.main-header > .main.top-bar a:visited {
  color: white;
}

.dropdown.menu.vertical > li.opens-left > a::after,
.dropdown.menu.vertical > li.opens-right > a::after {
  border-color: var(--color-primary) transparent transparent;
}

.menu.dropdown .is-submenu-item a {
  text-align: left;
}

header #main-menu li a {
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

header #main-menu li a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 2px;
}

#main-menu .menu.dropdown .menu.submenu.is-dropdown-submenu a:hover {
  background-color: var(--color-secondary);
}

section.dark-primary-bg {
  background-color: #666;
}

section.dark-primary-bg a {
  color: var(--color-secondary) !important;
}

main section h4.em {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 11px;
}

main section h4.em + hr {
  display: none;
}

main section .orbit-caption a.fa {
  border-bottom-width: 0;
}

button, 
.button,
.button-group button, 
.button-group .button,
aside .section ul li a[href$="/download/"],
aside .section ul li a[href$="/view/"] {
  background-color: var(--color-primary);
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  line-height: 15px;
  margin: 0;
  max-width: calc(100vw - 30px);
  overflow: hidden;
  padding: 13px 15px 12px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: color .15s ease-in-out,background-color .15s ease-in-out;
  white-space: nowrap;
}

button:hover, 
.button:hover,
.button-group button:hover, 
.button-group .button:hover,
aside .section ul li a[href$="/download/"]:hover,
aside .section ul li a[href$="/view/"]:hover {
  background-color: var(--color-secondary);
  color: var(--color-primary);
}

.button-group:not(.expanded) .button + .button {
  margin-left: 10px;
}

.button.success {
  background-color: var(--color-success) !important;
}

.button.success:hover {
  background-color: var(--color-success-hover) !important;
}

.button.warning {
  background-color: var(--color-warning) !important;
}

.button.warning:hover {
  background-color: var(--color-warning-hover) !important;
}

.button[href*="/tag/"] {
  background-color: #eee !important;
  color: #666 !important;
  font-size: 14px;
  line-height: 6px;
  padding: 14px;
}

.button[href*="/tag/"]:hover {
  background-color: var(--color-primary) !important;
  color: white !important;
}

.box.article {
  border-top: 1px solid #ccc;
  margin-bottom: 25px;
  margin-top: 25px;
  padding-top: 25px;
}

:not(.box.article) + .box.article {
  border-top: none;
  padding-top: 0;
}

.box.article h2 {
  color: var(--color-primary);
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}

.box.article:hover h2 {
  border-bottom-color: var(--color-primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.box.article p {
  color: #333;
}

.pagination li a {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  font-weight: bold;
  height: 31px;
  line-height: 1.4;
  padding: 6px 0;
  width: 31px;
}

.pagination li.current {
  padding: unset;
}

.pagination li a:hover,
.pagination li.current a {
  background-color: var(--color-primary);
  color: white;
}

#content aside.sticky-container .section h3 {
  color: #666;
}

.callout.primary {
  background-color: var(--color-secondary);
  border-color: var(--color-primary);
  margin-left: -1.04167rem;
  margin-right: -1.04167rem;
}

.callout.primary,
.callout.primary h2 {
  color: var(--color-primary);
}

.callout.primary ul {
  list-style-type: none;
}

.callout.primary ul li:before {
  content: "→";
  font-size: 16px;
  font-weight: 400;
  position: relative;
  top: 1px;
  left: -10px;
}

#content .summary {
  margin-top: 70px;
}

#content .summary .top,
#content .summary .bottom {
  background: none;
  color: #666;
}

#content .summary .columns{
  background-color: #eee;
  border: 1px solid #999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#content .summary .bottom .columns {
  border-top-width: 0;
}

#content .summary .columns:not(:last-child) {
  border-right-width: 0;
}

#content .summary .top h4.number {
  font-size: 25px;
  color: #333;
}
  
#content .summary .top .number span,
#content .summary .bottom h5 {
  color: #666;
  letter-spacing: unset;
  margin: 0;
}

#content .summary h4 span, 
#content .summary h5 {
  text-transform: unset;
}

#content .summary .bottom a h5 {
  color: var(--color-primary);
}

#content .summary .bottom a.has-tip {
  border-bottom-width: 0;
}

.login .callout .log-in-form h4 {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  font-weight: bold;
  padding: 10px;
  text-transform: uppercase;
}

.login .callout .log-in-form a[href*="orcid"] {
  margin: 20px auto;
}

.box.issue .info-bar {
  background-color: var(--color-secondary);
  color: var(--color-primary);
}

.fa-tags {
  margin-bottom: 20px;
}

#cms-title,
#cms-title ~ hr,
#cms {
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}