@charset "UTF-8";
/* Colors */
html {
  font-family: 'Work Sans', sans-serif;
  color: black;
  color: var(--black);
  line-height: 1.4;
  font-weight: 300;
  font-style: normal;
  font-size: 125%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 740px) {
  html {
    font-size: 100%;
  }
}

strong {
  font-weight: 700;
}

/* Global Links
---------------------------------- */
a {
  color: #1A83F2;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

a:focus,
a:hover {
  color: #023d7d;
  outline: none;
}

a:visited {
  color: #082A16;
}

.text-layer a {
  text-decoration: underline;
}

/* hyperlinks in content */
.content a::before {
  height: 6px;
  width: 100%;
  background: rgba(255, 183, 27, 0.5);
  background: rgba(var(--gold-rgb), 0.5);
  content: ' ';
  position: absolute;
  bottom: 2px;
  z-index: -1;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.content a:focus::before,
.content a:hover::before {
  height: 9px;
  width: 100%;
  background: rgba(255, 183, 27, 0.7);
  background: rgba(var(--gold-rgb), 0.7);
  content: ' ';
  position: absolute;
  bottom: 0;
  z-index: -1;
}

/* Firefox Seleted Text
------------------------------------ */
*::-moz-selection,
*::selection {
  background: var(--blue);
  color: var(--white);
}

/* Headings - 400/700
------------------------------------ */
h1, h2, h3 {
  font-family: "Sofia Sans", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #082A16;
}

h1 a,
h2 a {
  display: inline-block;
}

h1 {
  font-size: 36px;
  margin-bottom: .5em;
  line-height: 1;
}

@media (min-width: 48em) {
  h1 {
    font-size: 39px;
  }
}

@media (min-width: 64em) {
  h1 {
    font-size: 46px;
  }
}

@media (min-width: 81.25em) {
  h1 {
    font-size: 52px;
  }
}

h2 {
  font-size: 28px;
  line-height: 1;
  margin-bottom: .75em;
}

@media (min-width: 48em) {
  h2 {
    font-size: 33px;
  }
}

h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: .5em;
}

@media (min-width: 48em) {
  h3 {
    font-size: 29px;
  }
}

h4 {
  font-size: 110%;
  margin-bottom: .5em;
}

/* Text Elements
---------------------------------- */
p {
  margin: 0 0 1em;
}

p:last-child {
  margin-bottom: 0;
}

em {
  font-style: italic;
}

small {
  font-size: 85%;
  display: block;
}

.meta small {
  text-transform: uppercase;
  padding-bottom: .75em;
}

blockquote {
  font-weight: 300;
}

strong, b {
  font-weight: 900;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

.footnotes {
  font-size: smaller;
  padding-top: 1.5em;
}

/* Lists
---------------------------------- */
main ul,
section ul,
main ol,
section ol {
  margin: 0 0 1.5em 2em;
}

main li,
section li {
  margin-bottom: .25em;
}

@font-face {
  font-family: 'Trilogy-Icons';
  src: url("https://s3.amazonaws.com/icomoon.io/31537/Trilogy/Trilogy-Icons.eot?4ywpzi");
  src: url("https://s3.amazonaws.com/icomoon.io/31537/Trilogy/Trilogy-Icons.eot?4ywpzi#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/icomoon.io/31537/Trilogy/Trilogy-Icons.woff2?4ywpzi") format("woff2"), url("https://s3.amazonaws.com/icomoon.io/31537/Trilogy/Trilogy-Icons.ttf?4ywpzi") format("truetype"), url("https://s3.amazonaws.com/icomoon.io/31537/Trilogy/Trilogy-Icons.woff?4ywpzi") format("woff"), url("https://s3.amazonaws.com/icomoon.io/31537/Trilogy/Trilogy-Icons.svg?4ywpzi#Trilogy-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Trilogy-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}