/* this file is all about amendments to the std.css file */
a {
  color: #f5821e;
}
h1 {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
.white-heading h1,
.white-heading h2,
.white-heading h3,
.white-heading h4 {
  color: white;
  display: block;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
h2 {
  font-size: 2em;
  line-height: 1.2;
}
h3 {
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.4;
}
h4 {
  font-size: 1.22em;
}
h5 {
  font-size: 1.1em;
  font-weight: bold;
}
p {
  font-size: 1.1em;
}
strong {
  font-family: inherit;
}
/* was switching fonts to meta bold */
.wrapper {
  box-shadow: none;
}
.scroll_if_too_wide {
  overflow-y: auto;
}
.list-zebra {
  overflow: visible;
  /* needed to get home page cards up over main image */
}
.list-zebra > div:last-child {
  padding-bottom: 2em;
}
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) a {
  color: white;
}
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) .grid li:before {
  color: white;
}
.main-header {
  margin: 0;
}
.main-header .main-logo {
  padding-left: 0;
  height: 148px;
}
.main-header .main-logo a.logo {
  position: absolute;
  top: 23px;
  left: 21px;
}
.main-menu {
  position: relative;
}
.main-nav {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 25;
}
.main-nav .contact {
  display: none;
  /* (default for small screens) */
  /* for IE8 */
}
.main-nav .contact a {
  background: url("../img/nav/contact.png") center no-repeat;
}
.main-nav ol > li:first-child {
  border: 0 solid rgba(0, 0, 0, 0.1);
  border-left-width: 1px;
}
.card-stack a,
.card-stack[data-toggle-state='stacked'] li[data-interaction-distance='0'] a {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
}
.content {
  clear: both;
  margin: 0;
}
.grid {
  padding-left: 2em;
  padding-right: 2em;
}
/* keep text out from under hamburger */
/* we don't have extra links in black footer */
footer .footer-top {
  padding: 1.5em 0;
}
footer .footer-links {
  padding: 1.5em 0;
}
footer .footer-links li {
  color: #909090;
}
/* allow other content than just h1 in top-titles */
.top {
  background-position: center top;
  background-color: #E9E9E7;
}
.top:before {
  padding-top: 20%;
}
.top.growable .grid {
  position: relative;
}
.top.growable:before {
  padding-top: 0;
}
.top-title .content {
  display: table-cell;
  vertical-align: middle;
}
.top-title .content h1 {
  display: block;
  font-size: 4em;
  margin-bottom: 0;
}
.text-field,
.select-field {
  max-width: inherit;
  position: relative;
}
/* make the text boxes on login stretch, relative is for spinners */
.radio-field {
  margin-top: 0.3em;
}
.radio-field label {
  display: inline-block;
  margin: 0.5em 1.5em 0 0;
}
input[type="checkbox"],
input[type="radio"] {
  width: 1em;
  height: 1em;
  margin: 0.1em 0.7em 0.8em 0;
  vertical-align: top;
}
/* selected cards */
.card-stack a::before {
  top: 8em;
}
/* buttons */
[role=button] {
  margin: 0 0 15px 15px;
}
[role=button].leftbutton {
  margin-left: 0;
}
[role=button][cancel]::after {
  content: 'x';
  margin-top: -0.55em;
}
[role=button][back]::after {
  content: '';
}
[role=button][back]::before {
  content: '<';
  position: absolute;
  top: 50%;
  margin-top: -0.475em;
  left: 1em;
  font-size: 1.25em;
  line-height: 1;
  color: #d66f2e;
}
[role=button][back] {
  padding: 0.625em 1.5em 0.625em 2.5em;
}
[role=button].no-icon::after {
  content: '';
}
[role=button].no-icon {
  padding-right: 2.2em;
}
.button.smallbutton {
  padding: 0.2em 1em 0.2em 1em;
  margin: 0 0 2px 0;
  font-size: 1em;
}
.button.smallbutton::after {
  content: '';
}
.button.smallbutton img {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.call-to-action-secondary.down::after {
  transform: rotate(90deg);
}
.call-to-action-secondary.up::after {
  transform: rotate(-90deg);
}
.news-timeline {
  border-color: #808080;
}
.news-timeline a {
  text-decoration: none;
  color: #808080;
}
.news-timeline a::before {
  background: #808080;
}
.news-timeline a::after {
  border: none;
}
.news-timeline a[aria-selected]::after {
  border: none;
}
/* white when it's an orange background '*/
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) .news-timeline {
  border-color: white;
}
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) .news-timeline a {
  text-decoration: none;
  color: white;
}
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) .news-timeline a::before {
  background: white;
}
/* selected */
.news-timeline a[aria-selected],
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) .news-timeline a[aria-selected] {
  color: black;
}
.news-timeline a[aria-selected]::before,
.list-zebra > div:nth-child(odd):not(:first-child):not(:nth-child(7n)) .news-timeline a[aria-selected]::before {
  background: black;
}
@media screen and (min-width: 40em) {
  .news-timeline a {
    padding: 0 0 1em 0;
  }
}
.content-box {
  padding: 1.5em;
  margin-bottom: 5em;
}
[class*=grid-unit] {
  padding: 1.5em 1em 0;
}
.grid-unit-alpha {
  display: block;
}
.grid {
  padding-left: 0;
  padding-right: 0;
}
.list-zebra > div > div {
  padding-bottom: 1em;
}
.list-zebra > div:nth-child(even) {
  padding-top: 3em;
}
.horizontal-menu,
.horizontal-menu-spaceholder {
  display: none;
}
.content-box {
  margin: 0;
}
@media screen and (min-width: 350px) {
  .main-nav .contact {
    display: list-item;
  }
}
@media screen and (min-width: 420px) {
  [class*=grid-unit] {
    padding: 1.5em 2.5em 0;
  }
  .grid {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media screen and (min-width: 520px) {
  .grid {
    padding-left: 2em;
    padding-right: 2em;
  }
  .content-box {
    padding: 3em;
    margin-bottom: 5em;
  }
}
@media screen and (min-width: 700px) {
  .card-stack {
    position: absolute;
  }
  #homeitemswapper {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1184px) {
  .main-menu {
    display: none;
  }
  .horizontal-menu,
  .horizontal-menu-spaceholder {
    display: block;
  }
}
@media screen and (min-width: 48em) {
  [role=button][back] {
    padding: 0.875em 2em 0.875em 2.5em;
  }
  [role=button][back]::after {
    right: 1.5em;
  }
}
@media screen and (min-width: 64em) {
  [class*=grid-unit] {
    padding: 0 4em 0;
  }
}