@charset "UTF-8";

body {
    max-width: 50em !important;
    margin: 0 auto !important;
    padding: 2em !important;
}

.align-center {
    text-align: center;
}

h1 a {
    color: unset !important;
    text-decoration: inherit;
}

h1 {
    text-align: center;
}

.hover-line {
    background-image: linear-gradient(to right,currentColor 0%,currentColor 100%);
    background-position: 0 95%;
    background-size: 0 0.1em;
    background-repeat: no-repeat;
    transition: background-size .25s ease-in;
    padding: .1% 0;
}

.hover-line:hover  {
    background-size: 100% 0.1em;
}

:root {
 --link-color: #00a6de;
 --event-single-color: var(--link-color)
}
@font-face {
 font-family:source sans pro;
 font-display:swap;
 font-weight:400;
 font-style:normal;
 font-stretch:normal;
 src:url(../fonts/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2) format("woff2"),
 url(../fonts/WOFF/OTF/SourceSansPro-Regular.otf.woff) format("woff"),
 url(../fonts/OTF/SourceSansPro-Regular.otf) format("opentype"),
 url(../fonts/TTF/SourceSansPro-Regular.ttf) format("truetype")
}
@font-face {
 font-family:source sans pro;
 font-display:swap;
 font-weight:600;
 font-style:normal;
 font-stretch:normal;
 src:url(../fonts/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2) format("woff2"),
 url(../fonts/WOFF/OTF/SourceSansPro-Semibold.otf.woff) format("woff"),
 url(../fonts/OTF/SourceSansPro-Semibold.otf) format("opentype"),
 url(../fonts/TTF/SourceSansPro-Semibold.ttf) format("truetype")
}
@font-face {
 font-family:source sans pro;
 font-display:swap;
 font-weight:700;
 font-style:normal;
 font-stretch:normal;
 src:url(../fonts/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2) format("woff2"),
 url(../fonts/WOFF/OTF/SourceSansPro-Bold.otf.woff) format("woff"),
 url(../fonts/OTF/SourceSansPro-Bold.otf) format("opentype"),
 url(../fonts/TTF/SourceSansPro-Bold.ttf) format("truetype")
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
 display:block
}
*[hidden] {
 display:none
}
body {
 line-height:1
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
.no-text {
 text-indent:9999%;
 white-space:nowrap;
 overflow:hidden
}
.sr-only,
.show-on-focus {
 height:1px;
 overflow:hidden;
 position:absolute;
 width:1px
}
.show-on-focus {
 clip:rect(1px,1px,1px,1px);
 margin:0
}
.show-on-focus:focus {
 clip:auto;
 height:auto;
 width:auto;
 z-index:20
}
.a11y-visuallyhidden {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
*,
*:after,
*:before {
 box-sizing:border-box
}
html,
body {
 font-size:17px;
 font-family:source sans pro,sans-serif;
 color:#000;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-smooth:always;
 overflow-x:hidden;
 position:relative
}
body {
 background-color:#e0e5ea;
 background-image:url(../images/JH-Pattern.svg);
 background-size:95px;
 background-blend-mode:normal;
 line-height:1.47
}
@media(min-width:320px) {
 body {
  background-size:45px
 }
}
@media(min-width:900px) {
 body {
  background-size:55px
 }
}
@media(min-width:1200px) {
 body {
  background-size:65px
 }
}
@media(min-width:1900px) {
 body {
  background-size:85px
 }
}
h1 {
 font-size:3.25rem;
 line-height:1.1;
 margin:.84em 0
}
@media(min-width:1200px) {
 h1 {
  font-size:4.75rem;
  margin:.63em 0 .89em
 }
}
@media(min-width:1900px) {
 h1 {
  margin:.75em 0;
  font-size:7.25rem
 }
}
h2 {
 font-size:2.375rem;
 line-height:1.1;
 margin:.89em 0 1.05em
}
@media(min-width:1200px) {
 h2 {
  font-size:2.625rem;
  margin:.79em 0 1em
 }
}
@media(min-width:1900px) {
 h2 {
  margin:.84em 0;
  font-size:3.75rem
 }
}
h3 {
 font-size:2.125rem;
 line-height:1.1;
 margin-bottom:1.05em
}
@media(min-width:1200px) {
 h3 {
  font-size:2rem;
  margin:.8125em 0 1.375em
 }
}
@media(min-width:1900px) {
 h3 {
  margin:1.47em 0 1.625em;
  font-size:3.5rem
 }
}
h4 {
 line-height:1.1;
 font-size:1.125rem;
 margin:1.7em 0
}
@media(min-width:1200px) {
 h4 {
  font-size:1.25rem;
  margin:1.5em 0
 }
}
@media(min-width:1900px) {
 h4 {
  margin:.92em 0 1.1em;
  font-size:2rem
 }
}
h1,
h2,
h3,
h4 {
 font-weight:700
}
strong {
 font-weight:600
}
details {
 padding:1em 0 .7em;
 border-bottom:1px solid #e7eaed
}
details[open] {
 padding-bottom:1.7em
}
summary {
 padding:.7em 0;
 font-weight:700;
 font-size:20px
}
summary::-webkit-details-marker {
 color:#e95197
}
@media(min-width:560px) {
 summary {
  list-style-position:outside
 }
}
iframe {
 width:100%
}
hr {
 border-color:#e7eaed
}
em {
 font-style:italic
}
code,
kbd,
pre,
samp {
 font-family:monospace;
 font-size:.9em;
 padding:.4rem .6rem
}
code,
kbd,
samp {
 background:rgba(0,0,0,.075);
 border-radius:.2rem
}
pre {
 border:.1rem solid #dcd7ca;
 line-height:1.5;
 margin:4rem 0;
 overflow:auto;
 padding:3rem 2rem;
 text-align:left
}
pre code {
 background:0 0;
 padding:0
}
[role=tablist] {
 padding:0
}
[role=tablist] li,
[role=tablist] a {
 display:inline-block
}
[role=tablist] a {
 text-decoration:none;
 padding:.5rem 1em
}
[role=tablist] [aria-selected] {
 border:2px solid;
 background:#fff;
 border-bottom:0;
 position:relative;
 top:2px
}
[role=tabpanel] {
 border:2px solid;
 padding:1.5rem
}
[role=tabpanel] *+* {
 margin-top:.75rem
}
@media(max-width:550px) {
 [role=tablist] li,
 [role=tablist] a {
  display:block;
  position:static
 }
 [role=tablist] a {
  border:2px solid #222!important
 }
 [role=tablist] li+li a {
  border-top:0!important
 }
 [role=tablist] [aria-selected] {
  position:static
 }
 [role=tablist] [aria-selected]::after {
  content:'\0020⬅'
 }
 [role=tabpanel] {
  border-top:0
 }
}
select {
 display:block;
 font-size:16px;
 font-family:sans-serif;
 font-weight:700;
 color:#fff;
 line-height:1.3;
 padding:.6em 1.4em .5em .8em;
 width:100%;
 max-width:100%;
 box-sizing:border-box;
 margin:0;
 border:none;
 box-shadow:none;
 border-radius:0;
 -moz-appearance:none;
 -webkit-appearance:none;
 appearance:none;
 background-color:#2969b2;
 background-image:url(../images/icons/plus.svg),linear-gradient(to bottom,#2969b2 0%,#2969b2 100%);
 background-repeat:no-repeat,repeat;
 background-position:right .7em top 50%,0 0;
 background-size:.9em auto,100%
}
.c-filter--white select {
 color:#000;
 background-color:#fff;
 background-image:url(../images/icons/plus-black.svg);
 background-repeat:no-repeat,repeat
}
.c-filter--white select:focus {
 color:#52575b
}
select::-ms-expand {
 display:none
}
select:hover {
 border-color:#888
}
select:focus {
 border-color:#aaa;
 box-shadow:0 0 1px 3px rgba(59,153,252,.7);
 box-shadow:0 0 0 3px -moz-mac-focusring;
 color:#fff;
 outline:none
}
select option {
 font-weight:400;
 font-family:inherit
}
a.button--simple {
 color:#fff;
 border-bottom:0;
 font-size:.875rem;
 font-weight:700
}
a.button--softblue {
 background:#00a6de
}
a.button--softblue:hover,
a.button--softblue:active {
 background:#00498c!important
}
a.button--softgreen {
 background:#00b48d
}
a.button--softgreen:hover,
a.button--softgreen:active {
 background:#4cad37!important
}
a.button--softorange {
 background:#f3971b
}
a.button--softorange:hover,
a.button--softorange:active {
 background:#ea680c!important
}
a.button--softpurple {
 background:#2969b2
}
a.button--softpurple:hover,
a.button--softpurple:active {
 background:#4c2582!important
}
a.button--softred {
 background:#e6414a
}
a.button--softred:hover,
a.button--softred:active {
 background:#e52420!important
}
a.button--softyellow {
 background:#ffe50c
}
a.button--softyellow:hover,
a.button--softyellow:active {
 background:#ffd003!important
}
a.button--deepblue {
 background:#00498c
}
a.button--deepblue:hover,
a.button--deepblue:active {
 background:#00498c!important
}
a.button--deepgreen {
 background:#4cad37
}
a.button--deepgreen:hover,
a.button--deepgreen:active {
 background:#4cad37!important
}
a.button--deeporange {
 background:#ea680c
}
a.button--deeporange:hover,
a.button--deeporange:active {
 background:#ea680c!important
}
a.button--deeppurple {
 background:#4c2582
}
a.button--deeppurple:hover,
a.button--deeppurple:active {
 background:#4c2582!important
}
a.button--deepred {
 background:#e52420
}
a.button--deepred:hover,
a.button--deepred:active {
 background:#e52420!important
}
a.button--deepyellow {
 background:#ffd003
}
a.button--deepyellow:hover,
a.button--deepyellow:active {
 background:#ffd003!important
}
a.button--frkrcoolblue {
 background:#2969b2
}
a.button--frkrcoolblue:hover,
a.button--frkrcoolblue:active {
 background:#1f5189!important
}
a.button--pink {
 background:#e95197
}
a.button--pink:hover,
a.button--pink:active {
 background:#e3247c!important
}
a.button--black {
 background:#000
}
a.button--black:hover,
a.button--black:active {
 background:#52575b!important
}
a.button--deepgrey {
 background:#52575b
}
a.button--deepgrey:hover,
a.button--deepgrey:active {
 background:#000!important
}
a.button--softgrey {
 background:#e7eaed
}
a.button--softgrey:hover,
a.button--softgrey:active {
 background:#52575b!important
}
a.button--white {
 background:#fff
}
a.button--white:hover,
a.button--white:active {
 background:#e7eaed!important
}
a.button--red {
 background:#e6414a
}
a.button--red:hover,
a.button--red:active {
 background:#e52420!important
}
a.button--orange {
 background:#f3971b
}
a.button--orange:hover,
a.button--orange:active {
 background:#ea680c!important
}
a.button--blue {
 background:#00a6de
}
a.button--blue:hover,
a.button--blue:active {
 background:#00498c!important
}