@import url('https://cdn.theme.iastate.edu/nimbus-sans/nimbus-sans.css');
:root {
--primary-dark-color: #003B5C; /* Primary colour used by elements such as buttons */
--very-dark-primary-color: #003B5C;  /* Darker primary colour used for contrast or hover effects */
--primary-light-color: #fff; /* lighter colour or secondary colour */
--secondary-light-color: #f1be48; /* lighter colour or secondary colour */
--topbar-background-color: #fff; /* background colour for the top bar of the navigation */
--menu-background-color: #003b5c; /* background colour for the menu bar of the navigation */
--menu-alternative-background-color: #0035bc; /* Alternative background colour for the menu bar, used by some buttons */
--menu-foreground-color: #fff; /* font colour used in the menu bar */
--link-color: #003B5C;
--toc-link-color: #22175b; /* Colour used by text on TOC sidebar elements */
--figure-caption-background-color: #003DAC; 
--figure-caption-color: #FFF;
}

body {
  font-family: 'Nimbus Sans', sans-serif;
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.75;
}

h1 {
  font-family: Merriweather, serif;
  color: var(--primary-dark-color);
  font-size: 4.375rem;
  line-height: 1.32857;
  }

h2 {
  font-family: Merriweather, serif;
  color: var(--primary-dark-color);
  font-size: 1.875rem;
  font-weight: 700;
  padding-bottom: 1.75rem;
  margin: 3rem 0 1.375rem;
  position: relative;
}

h2::after {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  width   : 3.125rem;;  /* or 100px */
  border-bottom: .125rem solid var(--secondary-light-color);
}

h2.title {
  text-align: left;
}
  
h3 {
  font-family: Nimbus Sans,sans-serif;
  color: var(--primary-dark-color);
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.42857;
}

h4 {
  font-family: Nimbus Sans, sans-serif;
  color: var(--primary-dark-color);
  font-size: 1.125rem;
  line-height: 1.38889;
}

h5 {
  font-family: Nimbus Sans, sans-serif;
  color: var(--primary-dark-color);
  font-size: 1rem;
  line-height: 1.5625;
}

h6 {
  font-family: Nimbus Sans, sans-serif;
  color: #4a4a4a;
}

p {
  margin: 1.125rem 0;
}

/* Header Styling */

header {
  font-family: 'Nimbus Sans', sans-serif;
}

.top-bar ul.dropdown ul {
  background-color: #fff;
}

.top-bar ul.dropdown ul a:hover {
  background-color: #f5f5f5;
}

.top-bar-right {
  border-left: 0px;
}

.top-bar-left {
  border-right: 0px;
}

header #main-menu {
  margin-top: -.3125rem;
  padding: 1.25rem 0;
}

header #main-menu li {
  text-align: left;
}

header #main-menu li a {
  font-family: 'Nimbus Sans', sans-serif;
  color: var(--primary-light-color);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none !important;
}

header #main-menu li a:hover {
  color: var(--primary-light-color);
  text-decoration: underline var(--secondary-light-color) 0.4375rem !important;
}

header .main.top-bar {
	height: 200px;
	background-color: var(--topbar-background-color);
}

header .top-bar-image, header img {
	max-height: 200px;
	padding: 5px;
	margin-top: -20px;
}

header #main-menu li a {
	color: var(--primary-light-color);
}

a::after {
  border-color:var(--primary-light-color) transparent !important;
}
  
a:hover {
  	color: var(--primary-dark-color);
	text-decoration: underline var(--secondary-light-color) 0.2rem !important;
}

a {
  text-decoration: underline !important;
  font-weight: 700;
}

a.journal-name {
  color: var(--primary-dark-color);
}

a.journal-name:hover {
  color: var(--primary-dark-color);
}

/* Body Styling */

.article-menu p {
  font-size: .875rem;
}

.article-menu li {
  font-size: .875rem;
}

body .box.journal h2 {
  font-size: 1.875rem;
}

body .box.journal p {
  font-size: 1rem;
}

body .accordion-title {
  font-size: 1.125rem;
  line-height: 1.42857;
  padding: 1.5625rem;'
  position: relative;
  cursor: pointer;
  color: var(--primary-dark-color);
}

body .accordion-content {
  color: #4a4a4a;
}

body .box.journal-list {
  text-align: center;
}

body .button {
  border: .125rem solid var(--primary-dark-color);
  border-radius: 1.875rem;
  padding: .5rem 1.25rem .5rem 1.25rem;
  margin: .625rem 0;
  text-align: left;
  cursor: pointer;
  background-color: transparent !important;
  color: var(--primary-dark-color) !important;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.38889;
  text-decoration: none !important;
  transition: color .2s ease-in-out,background-color .2s east-in-out,padding .2s ease-in-out;
  position: relative;
}

body .button:hover {
  background-color: var(--primary-dark-color) !important;
  color: #fff !important;
}

body .summary h5 {
  color: var(--primary-dark-color) !important;
}

body table {
  padding: 1.5625rem;
}

body table th {
  color: var(--primary-dark-color);
  font-size: 1.125rem;
  font-weight: 700;
}

body .table.small th {
  font-size: 1rem;
  padding: .55556rem 0.69444rem 0.69444rem;
}

footer svg {
  width: 100%;
  height: 100%;
}

h2.text-center {
  text-align: left !important;
}

footer .row .large-2 {
  background-color: #fff;
}

footer .logo-wrapper {
	background-color: #fff;
}

header .top-bar-left svg {
  height: 100%;
  max-width: none;
  max-height: none;
}

.cover-float-right {
  width: 30%; 
  float: right;
  padding-left: 16px;
  padding-bottom: 16px;
}

.large-3.columns img {
  box-shadow: .5625rem .5625rem 1.25rem rgba(0,0,0,.2);
}

.large-4.columns img {
  box-shadow: .5625rem .5625rem 1.25rem rgba(0,0,0,.2);
}

.button-group .button {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}