a {
  transition: all 0.2s ease 0s;
  text-decoration-skip: ink;
}
a:link, a:visited {
  color: #023;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #023;
  text-decoration: dotted;
}
a:active {
  color: #023;
}
button, .button {
  background-color: #b19142;
  color: #fff;
}



p { margin-bottom: 1.2rem; }
p + h2,
a:not([href]) + h2 {
  margin-top: 4rem;
}
p + section, p + h3, a.jumplink + h3 { margin-top: 2rem; }
p + h4 { margin-top: 1.5rem; }
p + h5 { margin-top: 1.25rem; }


svg {
  box-sizing: content-box;
  overflow: hidden;
}
a svg { pointer-events: none; }


.is-visible {
  display: block !important;
}
.element-hidden, .is-hidden {
  display: none !important;
}
.element-invisible {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  overflow: hidden;
  height: 1px;
}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/** For 2 column flex box based lists **/
dt {
  font-weight: bold;
  margin-bottom: 0.15rem;
}
dd {
  margin-bottom: 1rem;
}

dl.details {
  margin: 0 10% 1rem 10%;
  padding: 0;

  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
      align-content: center;
  -webkit-align-items: stretch;
       -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
          justify-content: center;
}
dl.details dt {
  flex: 0 1 calc(100%);
  width: calc(100%);
}
dl.details dt:after {
  content: ":";
}
dl.details dd {
  flex: 0 1 calc(90%);
  width: calc(90%);
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px)  {
  dl.details dt {
    flex: 0 1 calc(30%);
    width: calc(30%);
  }
  dl.details dd {
    flex: 0 1 calc(70%);
    width: calc(70%);
  }
}
@media screen and (min-width: 1100px)  {
  dl.details dt {
    flex: 0 1 calc(20%);
    width: calc(20%);
  }
  dl.details dd {
    flex: 0 1 calc(80%);
    width: calc(80%);
  }
}


.width-full, .full-width { width: 100%; }
.width-3-4, .width-three-qtrs, .three-quarter-width { width: 75%; }
.width-2-3, .width-two-thirds, .two-thirds-width { width: 66.66666%; }
.width-1-2, .width-half, .half-width { width: 50%; }
.width-1-3, .width-third, .third-width { width: 33.33333%; }
.width-1-4, .width-quarter, .quarter-width { width: 25%; }


header, #gtheader, #site, header nav, main, #breadcrumb, section {
  width: 100%;
}
@media screen and (min-width: 1281px)  {
  #site, header nav, main, #breadcrumb, section {
    width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
}


li.icon {
  color: hsl(210,9%,12%);
  fill: hsl(210,9%,12%);
  stroke: hsl(210,9%,12%);
  padding: 0;
}
.icon a {
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: block;
}
.icon a:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
li.icon a svg {
  vertical-align: center;
  width: 1.15rem;
  height: 1.15rem;
  padding: 0.30rem;
}
li.icon a:link,li.icon a:visited {
  color: hsl(210,9%,12%);
  fill: hsl(210,9%,12%);
  stroke: hsl(210,9%,12%);
}
li.icon a:hover,li.icon a:focus {
  background: #fff;
}
li.icon.social a:hover,li.icon.social a:focus {
}
li.icon a:hover svg,li.icon a:focus svg {
  fill: rgb(0,38,58);
  transition: all 0.2s ease 0s;
}
li.icon.social a:hover svg,li.icon.social a:focus svg {
  fill: #fff;
  width: 1.55rem;
  height: 1.55rem;
  padding: 0.10rem;
  transition: all 0.2s ease 0s;
}
li.icon.social a:hover,li.icon.social a:focus {
  animation: brightness 2s infinite;
  -webkit-animation: brightness 2s infinite;
}
li.icon a:active {
  background: rgb(0,38,58);
  color: #fff;
}
li.icon a:active svg {
  fill: #fff;
  transition: all 0.2s ease 0s;
}
li.icon.fa-facebook a:hover, li.icon.fa-facebook a:focus  { background: #3d5ba8; }
li.icon.fa-flickr a:hover,   li.icon.fa-flickr a:focus    { background: #0066ed; }
li.icon.fa-instagram a:hover,li.icon.fa-instagram a:focus { background: #4090db; }
li.icon.fa-linkedin a:hover, li.icon.fa-linkedin a:focus  { background: #007bb6; }
li.icon.fa-pinterest a:hover,li.icon.fa-pinterest a:focus { background: #bd2027; }
li.icon.fa-rss a:hover,      li.icon.fa-rss a:focus       { background: #ff6600; }
li.icon.fa-twitter a:hover,  li.icon.fa-twitter a:focus   { background: #55acee; }
li.icon.fa-vimeo a:hover,    li.icon.fa-vimeo a:focus     { background: #00acf2; }
li.icon.fa-youtube a:hover,  li.icon.fa-youtube a:focus   { background: #e62117; }


.intrinsic {
  display: block;
  position: relative;
}
.intrinsic:before {
  content: "";
  display: block;
  padding-top: 56.25%;  /* Default to 16:9 */
}
.intrinsic.ratio-3-1:before   { padding-top: 33.33333%; }
.intrinsic.ratio-80-27:before { padding-top: 33.75%; }
.intrinsic.ratio-2-1:before   { padding-top: 50%; }
.intrinsic.ratio-5-2:before   { padding-top: 40.00%; }
.intrinsic.ratio-21-9:before  { padding-top: 42.85714%; }
.intrinsic.ratio-16-9:before  { padding-top: 56.25%; }
.intrinsic.ratio-5-3:before   { padding-top: 60.00%; }
.intrinsic.ratio-3-2:before   { padding-top: 66.66666%; }
.intrinsic.ratio-4-3:before   { padding-top: 75%; }
.intrinsic.ratio-1-1:before, .intrinsic.ratio-square:before  { padding-top: 100%; }
.intrinsic.ratio-3-4:before   { padding-top: 133.33333%; }
.intrinsic.ratio-passport:before { padding-top: 128%; }
.intrinsic.ratio-5-7:before   { padding-top: 140%; }
.intrinsic.ratio-2-3:before   { padding-top: 150%; }
.intrinsic.ratio-9-16:before  { padding-top: 177.77777%; }
.intrinsic.ratio-1-2:before   { padding-top: 200%; }
.intrinsic.ratio-1-3:before   { padding-top: 300%; }
.intrinsic > * {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.intrinsic:last-child:after,
.intrinsic:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 39.25rem)  {
  .topic--introduction.intrinsic > .content {
    position: relative;
  }
}

.list--2cols, .list--2col, .t-2col {
  list-style: none;
  list-style-type: none;
  -webkit-column-count: 2;
     -moz-column-count: 2;
      -ms-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
      -ms-column-gap: 2rem;
          column-gap: 2rem;
}
.list--3cols, .list--3col, .t-3col {
  list-style: none;
  list-style-type: none;
  -webkit-column-count: 3;
     -moz-column-count: 3;
      -ms-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
      -ms-column-gap: 2rem;
          column-gap: 2rem;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.jumplink {
  display: inline-block;

  margin: 2rem auto 1rem auto;

  text-align: center;
  background-color: transparent;

  padding: 0.5rem 1rem;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 3px;
  outline: none;
}
.jumplink span:after {
  margin-left: 0.25rem;
}
.jumplink:link, .jumplink:visited {
  color: #023;
  background-color: #ebb728;
  text-decoration: none;
/*
  border: 2px solid rgba(255,255,255,0.8);
*/
}
.jumplink:link span:after, .jumplink:visited span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="11" height="12"><polygon fill="%23023" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23023" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.jumplink:hover, .jumplink:focus {
  color: #ebb728;
  background-color: #023;
  text-decoration: underline;
/*
  border: 2px solid hsla(200,100%,45%,0.8);
*/
}
.jumplink:hover span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="11" height="12"><polygon fill="%23ebb728" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23ebb728" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.jumplink:active {
  color: #fff;
  background-color: #023;
  text-decoration: underline;
/*
  border: 2px solid hsla(200,100%,45%,0.8);
*/
}
.jumplink:active span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="11" height="12"><polygon fill="%23fff" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23fff" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}

.jumplink em.visually-hidden,
.jumplink em.visually-hidden:after,
.jumplink span.visually-hidden,
.jumplink span.visually-hidden:after {
  display: none;
}

a.arrows-right span {
  display: block;
}
a.arrows-right:link span, a.arrows-right:visited span {
  text-decoration: none;
}
a.arrows-right:link span:after, .arrows-right a:visited span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="10" height="11"><polygon fill="%23023" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23023" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
  text-decoration: none;
  color: #023;
}
a.arrows-right:hover span, a.arrows-right:active span {
  text-decoration: underline;
  background-color: #023;
  color: #fff;
}
a.arrows-right:hover span:after, a.arrows-right:active span:after {
  text-decoration: none;
  color: #023;
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="10" height="11"><polygon fill="%23fff" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23fff" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}


.path-frontpage .page-title { display: none; }
main article .node__content > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 426px;
  margin-bottom: 4rem;
}
main article h2, main article h3,
main article h4, main article h5,
main article h6, main article p,
main article details {
  margin-left: 1rem;
  margin-right: 1rem;
}
main article ul, main article ol, main article dl {
  max-width: 75%;
  margin: 1rem auto;
}
main article li {
  margin-bottom: 0.5rem;
}
main article details {
  margin-bottom: 2rem;
}
summary {
  margin-bottom: 0.5rem;
}
main article a {
  text-decoration: none;
}
main article a:link, main article a:visited {
  color: #023;
  border-bottom: 1px solid #b19142
  text-decoration: none;
}
main article a:hover, main article a:focus {
  color: #023;
  background-color: #b19142;
  border-bottom: 1px solid #b19142
  text-decoration: none;
}
main article a:active {
  color: #fff;
  background-color: #023;
  border-bottom: 1px solid #fff
  text-decoration: none;
}

@media screen and (min-width: 52rem)  {
  main article h2, main article h3,
  main article h4, main article h5,
  main article h6 {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto;
  }
  main article p, main article details {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto;
  }
  main article ul, main article ol, main article dl {
    max-width: 36rem;
    margin: 1rem auto;
  }
  main article ul.list--standalone,
  main article ol.list--standalone,
  main article dl.list--standalone {
    max-width: 54rem;
    margin: 1rem auto;
  }


  .front main article h2, .front main article h3,
  .front main article h4, .front main article h5,
  .front main article h6 {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
  .front main article p, main article details {
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
  }
  .front main article ul, main article ol, main article dl {
    max-width: 30rem;
    margin: 1rem auto;
  }
  .front main section .body p {
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

}

aside.contact {
  background-color: hsla(42.7, 45.7%, 38%, 0.16);
  border: 2px solid hsl(42.7, 45.7%, 38%);
  padding: 0.5rem 1rem;
  max-width: 40rem;
  margin: 1rem auto;
}
aside.contact h3 {
  color: #181818;
}
aside.contact img {
  float: left;
  margin-right: 2rem;
}

.body.with-aside {
  width: calc(100% - 250px - 2rem);
}
aside.sidebar {
  position: absolute;
  top: 0;
  left: calc(100% - 250px - 1rem);
  padding-left: 1rem;
  margin-bottom: 2rem;
  background-color: hsl(43,46%,86%);
}
aside.sidebar h3 {
  background-image: none;
  font-size: 1.4rem;
}

.columns {
  list-style: none;
  margin: 1rem 0 2rem;
  padding-left: 2rem;
}
.columns-2, .list-2cols {
  -moz-column-count: 2;
  -moz-column-gap: 2rem;
  -webkit-column-count: 2;
  -webkit-column-gap: 2rem;
  column-count: 2;
  column-gap: 2rem;
}
.columns-3, .list-3cols {
  -moz-column-count: 3;
  -moz-column-gap: 1.5rem;
  -webkit-column-count: 3;
  -webkit-column-gap: 1.5rem;
  column-count: 3;
  column-gap: 1.5rem;
}

.download-button-wrap {
  text-align: center;
  margin-bottom: 2rem;
}
.download-button {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: auto;

  
  text-align: center;
  vertical-align: middle;
  padding: 1rem 2rem;
  
  border: 1px solid #023;
  border-radius: 3px;
  
  font-size: 1.8rem;
}
.download-button:link, .download-button:visited {
  color: #fff;
  background: #e3ba54;
  background: -webkit-gradient(linear, left top, left bottom, from(#e3ba54), to(#b19242));
  background: -moz-linear-gradient(top, #e3ba54, #b19242);
  background: linear-gradient(to bottom, #e3ba54, #b19242);
  text-shadow: #544420 1px 1px 1px;
  text-decoration: none;
}
.download-button:hover, .download-button:focus {
  border: 1px solid #005580;
  background: #ffdf65;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdf65), to(#d4af4f));
  background: -moz-linear-gradient(top, #ffdf65, #d4af4f);
  background: linear-gradient(to bottom, #ffdf65, #d4af4f);
  color: #023;
  text-shadow: #fff 1px 1px 1px;
  text-decoration: underline;
}
.download-button:active {
  color: #fff;
  background: #887032;
  background: -webkit-gradient(linear, left top, left bottom, from(#887032), to(#b19242));
  background: -moz-linear-gradient(top, #887032, #b19242);
  background: linear-gradient(to bottom, #887032, #b19242);
  text-decoration: none;
  text-shadow: none;
}
.download-button:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: 
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40px' height='33px' viewBox='0 0 40 33'><g><polygon fill='#fff' points='33,17 33,26 7,26 7,17 0,17 0,33 40,33 40,17'/><g><polygon fill='#fff' points='8.669,11 20.438,22.771 32.209,11'/><g><rect fill='#fff' height='11' width='9' x='16'/></g></g></g></svg>") no-repeat left center transparent;
  background-size: 100% 100%;
}
.download-button-wrap:after, download-button:after {
  content: " ";
  display: table;
  clear: both;
}