html {
  font-size: 100%;
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0; }

.spacer {
  position: relative;
  height: 950px; }

@media (max-width: 1023px) {
  .showcase__svg,
  .showcase__info-boxes {
    display: none; }

  .showcase__mobile-link {
    display: flex; } }
@media (min-width: 1024px) {
  .showcase__mobile-link {
    display: none; } }
.showcase__mobile-link {
  position: absolute;
  width: 100vw;
  height: 10vh;
  padding: 0;
  margin: 0;
  bottom: 0;
  left: 0; }
  .showcase__mobile-link .icon {
    width: 10vh;
    height: 10vh;
    padding: 2vh;
    margin: 0;
    background: black;
    fill: #f6f6f6; }
  .showcase__mobile-link .credits {
    display: none;
    height: 10vh;
    width: 100%;
    background: black;
    color: #f6f6f6; }
    .showcase__mobile-link .credits .credits-link {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0;
      padding: 3vh;
      font-size: 3vh;
      background: black;
      color: #f6f6f6; }
    .showcase__mobile-link .credits .credits-link:hover,
    .showcase__mobile-link .credits .credits-link:focus {
      width: 100%;
      height: 100%;
      background: gray !important;
      color: #f6f6f6; }

.showcase__mobile-link .open {
  background: #ff5000 !important; }

.showcase__mobile-link .open-state {
  fill: #171717 !important; }

.showcase__mobile-link .closed-state,
.showcase__mobile-link .open-state {
  display: none; }

.showcase__mobile-link .show {
  display: block; }

.showcase__courselink {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 20px 0 0 20px;
  color: #f6f6f6; }

.showcase__courselink:hover,
.showcase__courselink:focus {
  width: 100%;
  height: 100%;
  background-color: gray;
  color: #f6f6f6; }

.showcase__composite {
  position: relative;
  height: 810px;
  grid-column: span 25;
  padding-left: 0; }
  .showcase__composite img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

#showcase_svg,
#showcase__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

g {
  display: block !important; }

g > title {
  visibility: visible !important;
  font-size: 120% !important;
  font-weight: bolder !important; }

.showcase__path:hover,
.showcase__path:focus
 {
  fill: transparent;
  opacity: 0.8;
  stroke-width: 3;
  cursor: pointer; }

.showcase__path {
  fill: transparent;
  opacity: 0;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-miterlimit: 1;
  fill-rule: evenodd;
  clip-rule: evenodd; }

@keyframes showcase__animation-strokeflash {
  0% {
    stroke: #ffffff;
    opacity: 0; }
  50% {
    stroke: #ffffff;
    opacity: 1.0; }
  100% {
    stroke: #ffffff;
    opacity: 0; } }
@keyframes showcase__animation-strokepulse {
  0% {
    stroke: #ffffff;
    opacity: 1;
    stroke-width: 0; }
  50% {
    stroke: #ffffff;
    opacity: 1;
    stroke-width: 10; }
  100% {
    stroke: #ffffff;
    opacity: 1;
    stroke-width: 0; } }
@keyframes showcase__animation-fillflash {
  0% {
    fill: #ffffff;
    opacity: 0;
    stroke-width: 0; }
  50% {
    fill: #ffffff;
    opacity: 0.5;
    stroke-width: 0; }
  100% {
    fill: #ffffff;
    opacity: 0;
    stroke-width: 0; } }
.strokeflash {
  animation: showcase__animation-strokeflash 1s ease-in-out 0s 1; }

.strokepulse {
  animation: showcase__animation-strokepulse 1s ease-in-out 0s 1; }

.delay0 {
  animation-delay: 1s; }

.delay1 {
  animation-delay: 1.5s; }

.delay2 {
  animation-delay: 2s; }

.delay3 {
  animation-delay: 2.5s; }

.delay4 {
  animation-delay: 3s; }

.fillflash {
  animation: showcase__animation-fillflash;
  animation-duration: 0.6s;
  animation-iteration-count: 7;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5;
  animation-fill-mode: none; }

.showcase__info-box {
  position: absolute;
  width: 450px;
  background-color: white;
  border: none;
  display: block;
  visibility: visible;
  opacity: 0;
  z-index: -1;
  transition-property: opacity, z-index;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0.2s; }

.showcase__info--show {
  opacity: 1 !important;
  visibility: visible;
  z-index: 1 !important; }

.showcase__info-main {
  position: relative;
  width: 450px;
  height: 450px;
  padding: 20px; }

.showcase__info-footer {
  position: relative;
  width: 450px;
  height: 100px;
  padding: 0;
  background-color: black;
  color: white; }

.showcase__info-heading {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.showcase__info-name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: 900;
  font-size: 1.5em; }

.showcase__arrowlink {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 24 24'%3E%3Ctitle%3EArrowRight%3C/title%3E%3Cpath d='M17.6881 11.8729C17.1238 11.2118 16.5347 10.2542 15.9208 9H16.9901C18.2475 10.4583 19.5842 11.5375 21 12.2375V12.7625C19.5842 13.4625 18.2475 14.5417 16.9901 16H15.9208C16.5347 14.7458 17.1238 13.7882 17.6881 13.1271H3V11.8729H17.6881Z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center right;
  text-decoration: none;
  -webkit-transition: background-position 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  -moz-transition: background-position 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  transition: background-position 0.5s cubic-bezier(0, 0.55, 0.45, 1); }

.showcase__arrowlink:hover,
.showcase__arrowlink:focus {
  color: #ff5000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 24 24'%3E%3Ctitle%3EArrowRight%3C/title%3E%3Cpath d='M17.6881 11.8729C17.1238 11.2118 16.5347 10.2542 15.9208 9H16.9901C18.2475 10.4583 19.5842 11.5375 21 12.2375V12.7625C19.5842 13.4625 18.2475 14.5417 16.9901 16H15.9208C16.5347 14.7458 17.1238 13.7882 17.6881 13.1271H3V11.8729H17.6881Z' fill='%23FF5000'/%3E%3C/svg%3E%0A");
  background-position: center right 2vw; }

.showcase__courselink {
  color: white;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 20px 0 0 20px; }

.showcase__arrow {
  display: block;
  height: 24px;
  width: 24px;
  color: #f6f6f6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon arrow-right' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ctitle%3EArrow Right%3C/title%3E%3Cpath d='M17.6881 11.8729C17.1238 11.2118 16.5347 10.2542 15.9208 9H16.9901C18.2475 10.4583 19.5842 11.5375 21 12.2375V12.7625C19.5842 13.4625 18.2475 14.5417 16.9901 16H15.9208C16.5347 14.7458 17.1238 13.7882 17.6881 13.1271H3V11.8729H17.6881Z' fill='%23f6f6f6' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

.showcase__courselink:hover,
.showcase__courselink:focus {
  color: white;
  width: 100%;
  height: 100%;
  background-color: gray; }

.showcase__courselink path {
  fill: white;
  padding: 0;
  margin: 0; }

.showcase__coursename {
  margin: 0;
  padding: 0; }

.showcase__info-title {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 400; }

.showcase__info-text {
  margin: 0;
  padding: 0;
  margin-top: 30px;
  height: 320px;
  overflow: scroll; }

.showcase__otherlinks {
  width: 50%;
  margin-top: 20px; }

.showcase__credit {
  margin-top: 20px; }

.showcase__inverse,
.showcase__inverse:hover {
  color: white; }

/*# sourceMappingURL=outlinestyles_kb.css.map */