@charset "UTF-8";

h1 {
  font-size: 1.40em !important;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 100px;
}

h2 {
  font-size: 1.15em !important;
  padding-top: 3px;
  padding-bottom: 6px;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}


html {
  scroll-behavior: smooth;
}

body {
  padding-top: 112px;
  background-color: rgb(150, 157, 180) !important;
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

a:focus {
  outline: none !important
}

a:hover {
  text-decoration: none;
}

a.anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

ul {
  list-style-type: square;
}

.statusbar {
  /* A fixed div for the location and status messages */
  position: fixed;
  top: 76px;
  left: 0px;
  z-index: 999;
  background-color: rgba(78, 48, 130, 0.9);
  width: 100%;
  height: 37px;
  padding-top: 3.3px;
  color: rgba(245, 246, 247, 1);
  text-align: center;
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 1.3em;
  letter-spacing: 0.08em;
}

@media only screen and (max-width: 768px) {
.statusbar {
    height: 40px !important;
    position: fixed;
    padding-bottom: 8px;
    top: 60px;
    left: 0px;
    font-size: 1.3em;
    padding-top: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body {
    padding-top: 100px;
  }
}

#editorial {
  /* font-family: "ibm_plex_serifregular", Georgia, serif !important; */
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 1.08em;
  line-height: 1.25;
  max-width: 40em;
  color: rgb(24, 24, 24);
  text-align: left;
  padding: 4vw !important;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  background-color: rgb(250, 250, 250);
}

#video-wrapper {
  background-color: rgba(0, 0, 0, 0.295);
}

#video-p {
  margin-right: auto;
  margin-left: auto;
  max-width: 850px;
  padding-bottom: 15px;
}

.lazy-background {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.lazy-background.visuals {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/placeholder_WfJqQBd7f.jpg")
}

.lazy-background.visuals.visible {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/amelie-mourichon-pLZBLmfL5-I-unsplash__vLkIl4vc.jpg");
} /* The final image */

.lazy-background.home {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/placeholder_WfJqQBd7f.jpg")
}

.lazy-background.home.visible {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/sketchbook_bg_R8w47UdhW.jpg");
} /* The final image */

.lazy-background.activities {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/placeholder_WfJqQBd7f.jpg")
}

.lazy-background.activities.visible {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/sticknotesbg_Vt6mWlgu0.jpg");
} /* The final image */

.lazy-background.about {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/placeholder_WfJqQBd7f.jpg")
}

.lazy-background.about.visible {
  background-image: url("https://ik.imagekit.io/kmpmqlkwhc/uxdl/gavin-allanwood-xb8PCJgkbVo-unsplash_3b_3lBhYq.jpg");
} /* The final image */

/* What follows is necessary to give Safari non-fixed as otherwise it gets gittery. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

  _::-webkit-full-page-media,
  _:future,
  :root,
  .backdrop {
    background-image: url("#");
    background-color: rgba(83, 59, 77, 1);
    ;
  }
}

* {
  box-sizing: border-box;
}

.frontpage {
  max-width: 1200px;
  margin: auto;
}

.a_wrapper {
  max-width: 1200px;
  /* width of content area in eg: visuals, activities */
  margin: auto;
  font-size: 18px;
  text-align: left;
  background-color: rgba(51, 51, 51, 0.9);
}

.a_wrapper>* {
  overflow-y: auto;
}

.a_content {
  grid-area: content;
  padding: 0 2em 2em 2em;
  margin-right: auto;
  margin-left: auto;
  background-color: rgb(250, 250, 250);
}

.a_content p {
  /*font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
  font-family: "ibm_plex_serifregular", Georgia, serif !important;
  font-size: 1.1em;
  letter-spacing: 0.02em;
  line-height: 1.4;
  max-width: 38em;
  color: rgb(24, 24, 24);
  /* line length in main content areas */
}



.a_content li {
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  padding-bottom: 0.5em;
  letter-spacing: 0.025em;
  max-width: 38em;
}

.a_main-nav {
  grid-area: nav;
  padding: 0px;
}

.a_side {
  grid-area: sidebar;
  align-self: flex-start;
  background-color: rgb(49, 49, 49);
}

.a_side p {
  padding: 0px;
}

.a_side h2,
h5 {
  padding-top: 30px;
  max-width: 600px;
}

.a_side img {
  padding-top: 30px;
}

.a_main-footer {
  grid-area: footer;
}
.editorial_caption {
  padding: 2px 12px 3px 12px;
  margin-bottom: 30px;
  color: rgba(62, 68, 43, 1);
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 1rem;
  line-height: 120%;
  max-width: 600px;
  width: 100%;
  background-color: white;
}

.btn {
  border-radius: 0px !important;
}

.a_wrapper {
  display: grid;
  grid-gap: 1px;
  grid-template-areas:
    "nav"
    "header"
    "content"
    "sidebar"
    "footer";
}

.ux_list {
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background-color: rgb(65, 65, 65) !important;
  letter-spacing: 0.025em;
  line-height: 1.2em;
}

.list-group-item.active {
  background-color: rgba(79, 109, 122, 1) !important;
  border-left: 0;
  border-right: 0;
  border-top-color: white !important;
  border-bottom-color: white !important;

}

.list-group-item {
  background-color: rgb(55, 55, 55) !important;
}

.anchor {
  display: block;
  position: relative;
  top: -72px;
  visibility: hidden;
}

/* a bootstrap grid hack, overriding the default column padding */
.container-fluid {
  padding: 0 !important;
}

.footer_box {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
  background-color: rgba(128, 128, 128, 0.5);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.page-expand {
  padding-bottom: 0px;
}


.dropdown-item {
  font-size: 20px;
  color: rgb(71, 97, 113);
  font-weight: 600;
}

.shadow {
  margin-top: 25px;
  margin-bottom: 25px;
  box-shadow: 0px 3px 5px 6px #ccc;
}

.fixed-bottom {
  background-color: rgba(79, 109, 122, 0.8);
  text-align: center;
  color: white;
  height: 60px;
  text-align: center;
  font-family: "arimoregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 1.3em;
  letter-spacing: 0.08em;
}

.mindex {
  padding-top: 100px;
  padding-bottom: 500px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.25em;
}

.mindex ul {
  padding: 0 !important;
}



/* side menu on when window 987px wide or larger */
@media (min-width: 987px) {

  .fixed-bottom {
    display: none;
  }

  .mindex {
    display: none;
  }


  .a_wrapper {
    grid-template-columns: 3fr 12fr;
    grid-template-areas:
      "header header"
      "nav sidebar"
      "footer footer"
  }

  .list-group-item {
    height: 85px;
    font-size: 1em;
  }

  nav ul {
    flex-direction: column;
  }

  li {
    min-width: 200px;
  }

  /* highlight chosen side menu item */
  .list-group-item.active {
    background-color: rgba(79, 109, 122, 1);
    border-color: white;
  }
}

/* hide side menu on when window less than 987px wide */
@media (max-width: 987px) {
  nav ul {
    display: none;
  }

}


/*!
 * Bootstrap v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,footer,header,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h5{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}small{font-size:80%}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{overflow:visible}button{text-transform:none}[role=button]{cursor:pointer}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.h1,.h2,.h5,h1,h2,h5{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h5,h5{font-size:1.25rem}.small,small{font-size:80%;font-weight:400}.img-fluid{max-width:100%;height:auto}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-lg,.col-sm{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.collapse:not(.show){display:none}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}@media (max-width:991.98px){.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.media{display:flex;align-items:flex-start}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.d-none{display:none!important}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9::before{padding-top:56.25%}.overflow-hidden{overflow:hidden!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.w-25{width:25%!important}.w-auto{width:auto!important}.ml-1{margin-left:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1.5rem!important}.ml-4{margin-left:1.5rem!important}.pt-0{padding-top:0!important}.pt-2{padding-top:.5rem!important}.py-3{padding-top:1rem!important}.py-3{padding-bottom:1rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.py-4{padding-bottom:1.5rem!important}.pt-5{padding-top:3rem!important}.mx-auto{margin-right:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-center{text-align:center!important}.text-white{color:#fff!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}h2,p{orphans:3;widows:3}h2{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.navbar{display:none}}