@font-face {
  font-family: 'Benton Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/avalon/fonts/bentonsans_regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Benton Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/static/avalon/fonts/bentonsans_medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Benton Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/static/avalon/fonts/bentonsans_bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Benton Sans';
  font-style: normal;
  font-weight: 900;
  src: url('/static/avalon/fonts/bentonsans_black.ttf') format('truetype');
}

:root {
  --dark-blue: #005189;
  --light-blue: #005189;
  --lightest-blue: #6D96B3;
  --aqua-blue: #6da298;
  --orange: #CD7A22;

  --green: #006752;
  --red: #B2292D;
  --purple: #8C0051;
  
  --yellow: #D8AB28;
  
  --events-blue-bg: #e3eff4;
  --events-multi-col-header-color: #fff;
  --events-multi-col-2-header: #1C6078;
  --events-multi-col-3-header: #1C6078;
  --events-multi-col-1-border: #eee;
  --events-multi-col-2-bg: #f2f2f2;
  --events-multi-col-3-bg: #f9f8db;
  --events-multi-col-4-bg: #e5f9f4;
}


html {
  font-size: 16px;
}

body {
  font-family: 'Benton Sans', sans-serif;
  margin: 0;
  text-underline-position: under;
  color: var(--light-blue);
}

p {
  margin-bottom: 0;
}

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

a {
  color: var(--light-blue);
}

.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;
  left: 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;
  }
}