@font-face {
  font-family: 'Gotham';
  src: url('/static/fonts/gothambook-webfont.woff2') format('woff2'),
       url('/static/fonts/gothambook-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('/static/fonts/gothammedium-webfont.woff2') format('woff2'),
       url('/static/fonts/gothammedium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('/static/fonts/gothambold-webfont.woff2') format('woff2'),
       url('/static/fonts/gothambold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('/static/fonts/gothamblack-webfont.woff2') format('woff2'),
       url('/static/fonts/gothamblack-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('/static/fonts/gothamultra-webfont.woff2') format('woff2'),
       url('/static/fonts/gothamultra-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

:root {
  --dark-grey: #3C3C3C;
  --mid-grey: #777777;
  --light-grey: #B7B7B7;
  --pale-green: #E8F3D8;
  --light-green: #A0C864;
  --mid-green: #1F9E5C;
  --deep-green: #016D4D;
  --rust: #D0723D;
  --teal: #078FAD;
  --yellow: #F2BD00;
  --orange: #F69400;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  background: #fff;
  margin: 0;
  font-family: 'Gotham', sans-serif;
  color: var(--dark-grey);
}

p {
  margin-bottom: 0;
}

p:first-child {
  margin-top: 0;
}

a {
  color: inherit;
  text-underline-position: under;
}

span.wise_green {
  color: var(--light-green);
}

.clearfix:after {
  clear: both;
  content: " ";
  height: 0;
  display: block;
}


.internal_link {
  display: inline-block;
  color: inherit;
}

.internal_link:hover {
  opacity: 0.6;
}

.wagtail_edit_button {
  position: fixed;
  bottom: 50px;
  right: 50px;
  height: 30px;
  width: 30px;
  display: block;
  background: url('/static/images/wagtail.png') center/25px no-repeat;
  z-index: 100;
  cursor: pointer;
}

.wagtail_edit_button:hover {
  opacity: 0.6;
}

@media (max-width: 1200px) {
  .wagtail_edit_button {
    bottom: 20px;
    right: 20px;
  }
}