// Insert CSS Below

.main-footer p {
  line-height: 1.6;
}

/* Overwrite all OLH theme fonts with Lato */
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
body {
  font-family: Lato, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
footer p,
footer pre,
footer ul li a {
  font-family: Lato, sans-serif;
}

/* Font sizes */
:root {
  --base-font-size: 1.2rem;
}
body {
  font-size: var(--base-font-size);
}

h1 {
  font-size: 2.7rem;
}

h2 {
  font-size: 2.3rem;
}

h3 {
  font-size: 1.9rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
  font-size: 1.3rem;
}

/* Inherit font size in buttons and boxes */
header #main-menu li a,
.box.journal p,
.box.journal pre,
.button-group .button, .button {
  font-size: var(--base-font-size);
}

/* Make the footer paragraph font size bigger */
footer p, footer pre {
  font-size: 1rem;
}

/* Adjust the widths and margins of footer containers */
@media screen and (min-width: 64em) {
  /* The center of the footer with paragraph text */
  .main-footer .large-5.columns:not(.large-text-right) {
    width: 60%;
  }
  /* The right-hand part of the footer with all-caps links */
  .main-footer .large-5.columns.large-text-right {
    width: 20%;
	padding-right: 3rem;
  }
  .main-footer .inline-list li {
    display: block;
  }
  
  /* Remove padding on bottom and top of footer containers */
  .main-footer .large-5.columns {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  /* Let footer logo width grow */
  .main-footer .large-2 a svg {
    height: 90%;
    width: 90%;
  }
}

/* Handle logo size on narrower screens */
@media screen and (max-width: 64em) {
  .main-footer .large-2 a svg {
    height: 60%;
    width: 60%;
    max-height: 150px;
  }
}

/* Heading and nav styling */
:root {
  --menu-foreground-color: #00527f;
  --link-color: #00527f;
}

header #main-menu li a {
  font-weight: 400;
}

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